#7CCC43#7CCC43
#7CCC43 is a light, vivid yellow-green. Relative luminance 0.479; OKLCH L 76.6% C 0.187 H 134.8°. Best body text is #000000 at 10.58:1 contrast (WCAG AA passes).
Color values
| HEX | #7CCC43 |
|---|---|
| RGB | rgb(124, 204, 67) |
| HSL | hsl(95, 57%, 53%) |
| HSV | hsv(95, 67%, 80%) |
| CMYK | cmyk(39.2%, 0%, 67.2%, 20%) |
| CIE-LAB | lab(74.75, -47.28, 58.18) |
| CIE-LCH | lch(74.75, 74.96, 129.10°) |
| OKLab | oklab(76.64% -0.1318 0.1328) |
| OKLCH | oklch(76.64% 0.187 134.8) |
| XYZ | xyz(30.9175, 47.8745, 12.9207) |
| Luminance | 0.4788 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Apple
#6ECB3C
ΔE00 1.57
Apple Green
#76CD26
ΔE00 2.40
Fresh Green
#69D84F
ΔE00 4.08
Green Apple
#5EDC1F
ΔE00 5.31
Toxic Green
#61DE2A
ΔE00 5.40
Yellowgreen
#9ACD32
ΔE00 5.48
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7CCC43 #9343CC
analogous
#C1CC43 #7CCC43 #43CC4E
triadic
#7CCC43 #437CCC #CC437C
tetradic
#7CCC43 #43C1CC #9343CC #CC4E43
square
#7CCC43 #43C1CC #9343CC #CC4E43
split-complementary
#7CCC43 #4E43CC #CC43C1
monochromatic
#437520 #5FA52D #7CCC43 #9ED973 #BFE6A3
Accessibility & contrast
On white
1.99
#7CCC43 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.58
#7CCC43 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #7CCC43
10.58:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7CCC43 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7CCC43 | 1.00 | 1.99 | 10.58 | 10.58 |
| #FFFFFF | 1.99 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.58 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.58 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D3BC30
Deuteranopia (green-blind)
#C9B64F
Tritanopia (blue-blind)
#7BC4B0
Achromatopsia (no color)
#B8B8B8
Design tokens & code
CSS
--color: #7ccc43; /* rgb */ color: rgb(124, 204, 67); /* oklch */ color: oklch(76.6% 0.187 134.8);
Tailwind
colors: {
custom: {
50: '#a7dc7e',
500: '#7ccc43',
950: '#000000',
},
}SCSS
$custom: #7ccc43; $custom-light: #a7dc7e; $custom-dark: #000000;
JSON
{
"hex": "#7ccc43",
"rgb": {
"r": 124,
"g": 204,
"b": 67
},
"hsl": {
"h": 95.036,
"s": 57.322,
"l": 53.137
},
"oklch": {
"l": 0.76638,
"c": 0.18712,
"h": 134.8
},
"luminance": 0.47876
}Semantic roles & 50–950 ramp
primary
#7CCC43
secondary
#BA98D3
accent
#47E1A1
background
#FAFDF8
surface
#F4FBEF
border
#CED4CA
text
#10150A
muted
#7F837C