#ACC862#ACC862
#ACC862 is a light, vivid yellow-green. Relative luminance 0.510; OKLCH L 79.0% C 0.133 H 122.2°. Best body text is #000000 at 11.19:1 contrast (WCAG AA passes).
Color values
| HEX | #ACC862 |
|---|---|
| RGB | rgb(172, 200, 98) |
| HSL | hsl(76, 48%, 58%) |
| HSV | hsv(76, 51%, 78%) |
| CMYK | cmyk(14%, 0%, 51%, 21.6%) |
| CIE-LAB | lab(76.66, -25.08, 47.43) |
| CIE-LCH | lch(76.66, 53.65, 117.87°) |
| OKLab | oklab(79.01% -0.0708 0.1125) |
| OKLCH | oklch(79.01% 0.133 122.2) |
| XYZ | xyz(39.8723, 50.9610, 19.2888) |
| Luminance | 0.5096 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Light Olive Green
#A4BE5C
ΔE00 2.58
Light Olive
#ACBF69
ΔE00 3.20
Light Moss Green
#A6C875
ΔE00 3.77
Pale Olive Green
#B1D27B
ΔE00 3.92
Greenish Tan
#BCCB7A
ΔE00 4.17
Tan Green
#A9BE70
ΔE00 4.25
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#ACC862 #7E62C8
analogous
#C8B162 #ACC862 #79C862
triadic
#ACC862 #62ACC8 #C862AC
tetradic
#ACC862 #62C8B1 #7E62C8 #C86279
square
#ACC862 #62C8B1 #7E62C8 #C86279
split-complementary
#ACC862 #6279C8 #B162C8
monochromatic
#6B822E #90AF3D #ACC862 #C4D88F #DCE8BD
Accessibility & contrast
On white
1.88
#ACC862 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.19
#ACC862 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #ACC862
11.19:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##ACC862 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ACC862 | 1.00 | 1.88 | 11.19 | 11.19 |
| #FFFFFF | 1.88 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.19 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.19 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D2BE59
Deuteranopia (green-blind)
#CFBD68
Tritanopia (blue-blind)
#B3BFB1
Achromatopsia (no color)
#BDBDBD
Design tokens & code
CSS
--color: #acc862; /* rgb */ color: rgb(172, 200, 98); /* oklch */ color: oklch(79.0% 0.133 122.2);
Tailwind
colors: {
custom: {
50: '#c6d891',
500: '#acc862',
950: '#000000',
},
}SCSS
$custom: #acc862; $custom-light: #c6d891; $custom-dark: #000000;
JSON
{
"hex": "#acc862",
"rgb": {
"r": 172,
"g": 200,
"b": 98
},
"hsl": {
"h": 76.471,
"s": 48.113,
"l": 58.431
},
"oklch": {
"l": 0.79006,
"c": 0.13287,
"h": 122.2
},
"luminance": 0.50961
}Semantic roles & 50–950 ramp
primary
#ACC862
secondary
#57448A
accent
#50D875
background
#FDFEFC
surface
#F9FBF4
border
#D2D4CE
text
#13140D
muted
#82837F