#AFBC46 - Hopscotch
Hex color #AFBC46 is called Hopscotch. It consists of 69% red, 74% green, and 27% blue in RGB color space. In CMYK it is 7% cyan, 0% magenta, 63% yellow, and 26% black. In HSL it is 67° hue, 47% saturation, and 51% 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.
| Property | Value | CSS |
|---|---|---|
| Name | Hopscotch | — |
| HEX | #AFBC46 | #AFBC46 |
| HEXA | #AFBC46FF | #AFBC46FF |
| RGB | 175, 188, 70 | rgb(175, 188, 70) |
| RGBA | 175, 188, 70, 1 | rgba(175, 188, 70, 1) |
| HSL | 67%, 47%, 51% | hsl(67%, 47%, 51%) |
| CMYK | 7%, 0%, 63%, 26% | cmyk(7%, 0%, 63%, 26%) |
| CSS Name | — | — |
| Tailwind Name | — | — |
| Lightness | 51% (light) | — |
Negative color
The color opposite to #AFBC46 is #5043B9.
Preview on black and white
As #AFBC46 has 51% lightness, this color is light, so it has more contrast with black.
#AFBC46 On White Background
#AFBC46
#AFBC46
Text Color
This is how text looks with this color.
#AFBC46 On Black Background
#AFBC46
#AFBC46
Text Color
This is how text looks with this color.
Transform color
175, 188, 70rgb(175, 188, 70)