#6FAC42#6FAC42
#6FAC42 is a light, vivid yellow-green. Relative luminance 0.333; OKLCH L 68.0% C 0.153 H 134.1°. Best body text is #000000 at 7.66:1 contrast (WCAG AA passes).
Color values
| HEX | #6FAC42 |
|---|---|
| RGB | rgb(111, 172, 66) |
| HSL | hsl(95, 45%, 47%) |
| HSV | hsv(95, 62%, 67%) |
| CMYK | cmyk(35.5%, 0%, 61.6%, 32.5%) |
| CIE-LAB | lab(64.38, -38.14, 47.17) |
| CIE-LCH | lch(64.38, 60.66, 128.96°) |
| OKLab | oklab(68% -0.1062 0.1096) |
| OKLCH | oklch(68% 0.153 134.1) |
| XYZ | xyz(22.2910, 33.2770, 10.4018) |
| Luminance | 0.3328 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Nasty Green
#70B23F
ΔE00 1.89
Leaf
#71AA34
ΔE00 2.02
Grass
#5CAC2D
ΔE00 2.94
Asparagus
#77AB56
ΔE00 3.10
Turtle Green
#75B84F
ΔE00 3.47
Fern (survey)
#63A950
ΔE00 3.59
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6FAC42 #7F42AC
analogous
#A4AC42 #6FAC42 #42AC4A
triadic
#6FAC42 #426FAC #AC426F
tetradic
#6FAC42 #42A4AC #7F42AC #AC4A42
square
#6FAC42 #42A4AC #7F42AC #AC4A42
split-complementary
#6FAC42 #4A42AC #AC42A4
monochromatic
#365420 #528031 #6FAC42 #8FC567 #AFD693
Accessibility & contrast
On white
2.74
#6FAC42 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.66
#6FAC42 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #6FAC42
7.66:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6FAC42 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##6FAC42 | 1.00 | 2.74 | 7.66 | 7.66 |
| #FFFFFF | 2.74 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.66 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B29F36
Deuteranopia (green-blind)
#AA9A4A
Tritanopia (blue-blind)
#6FA695
Achromatopsia (no color)
#9C9C9C
Design tokens & code
CSS
--color: #6fac42; /* rgb */ color: rgb(111, 172, 66); /* oklch */ color: oklch(68.0% 0.153 134.1);
Tailwind
colors: {
custom: {
50: '#9cc57a',
500: '#6fac42',
950: '#000000',
},
}SCSS
$custom: #6fac42; $custom-light: #9cc57a; $custom-dark: #000000;
JSON
{
"hex": "#6fac42",
"rgb": {
"r": 111,
"g": 172,
"b": 66
},
"hsl": {
"h": 94.528,
"s": 44.538,
"l": 46.667
},
"oklch": {
"l": 0.68003,
"c": 0.15258,
"h": 134.1
},
"luminance": 0.33278
}Semantic roles & 50–950 ramp
primary
#6FAC42
secondary
#A989C1
accent
#54D49E
background
#F9FCF7
surface
#F2F8EE
border
#CCD1C9
text
#0F1309
muted
#7E827B