Skip to main content

#ADBB46 - Hopscotch

Hex color #ADBB46 is called Hopscotch. It consists of 68% red, 73% green, and 27% blue in RGB color space. In CMYK it is 7% cyan, 0% magenta, 63% yellow, and 27% black. In HSL it is 67° hue, 46% saturation, and 50% lightness (light) . On this page you can get both color properties and CSS values for such color schemas: HEX, HEXA, RGB, RGBA, HSL, and CMYK; color name, CSS color name, tailwind name for color; shades and tints; monochromatic colors; negative color; and other info.

PropertyValueCSS
Name
Hopscotch
HEX
#ADBB46
#ADBB46
HEXA
#ADBB46FF
#ADBB46FF
RGB
173, 187, 70
rgb(173, 187, 70)
RGBA
173, 187, 70, 1
rgba(173, 187, 70, 1)
HSL
67%, 46%, 50%
hsl(67%, 46%, 50%)
CMYK
7%, 0%, 63%, 27%
cmyk(7%, 0%, 63%, 27%)
CSS Name
Tailwind Name
Lightness
50% (light)
As you see on the table, not all names are available for this color.
  • The closest color with CSS name is #bdb76b (darkkhaki)
  • The closest color with Tailwind name is #afb42b (lime-700)

Tints of #ADBB46

Shades of #ADBB46

Monochromatic Colors of #ADBB46

Triadic colors of #ADBB46

Negative color

The color opposite to #ADBB46 is #5244B9.

Preview on black and white

As #ADBB46 has 50% lightness, this color is light, so it has more contrast with black.

#ADBB46 On White Background

#ADBB46
#ADBB46
Text Color

This is how text looks with this color.

#ADBB46 On Black Background

#ADBB46
#ADBB46
Text Color

This is how text looks with this color.

Transform color

#ADBB46
173, 187, 70
rgb(173, 187, 70)