#73C426#73C426
#73C426 is a light, vivid yellow-green. Relative luminance 0.433; OKLCH L 74.0% C 0.198 H 133.9°. Best body text is #000000 at 9.65:1 contrast (WCAG AA passes).
Color values
| HEX | #73C426 |
|---|---|
| RGB | rgb(115, 196, 38) |
| HSL | hsl(91, 68%, 46%) |
| HSV | hsv(91, 81%, 77%) |
| CMYK | cmyk(41.3%, 0%, 80.6%, 23.1%) |
| CIE-LAB | lab(71.73, -48.83, 64.95) |
| CIE-LCH | lch(71.73, 81.26, 126.94°) |
| OKLab | oklab(74% -0.1374 0.143) |
| OKLCH | oklch(74% 0.198 133.9) |
| XYZ | xyz(27.1595, 43.2632, 8.7529) |
| Luminance | 0.4326 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Apple Green
#76CD26
ΔE00 2.29
Apple
#6ECB3C
ΔE00 2.78
Frog Green
#58BC08
ΔE00 3.38
Dark Lime Green
#7EBD01
ΔE00 3.44
Kelly Green
#4CBB17
ΔE00 4.52
Kermit Green
#5CB200
ΔE00 5.29
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#73C426 #7726C4
analogous
#C2C426 #73C426 #26C428
triadic
#73C426 #2673C4 #C42673
tetradic
#73C426 #26C2C4 #7726C4 #C42826
square
#73C426 #26C2C4 #7726C4 #C42826
split-complementary
#73C426 #2826C4 #C426C2
monochromatic
#375D12 #55911C #73C426 #92DC4B #B1E67E
Accessibility & contrast
On white
2.18
#73C426 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.65
#73C426 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #73C426
9.65:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##73C426 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##73C426 | 1.00 | 2.18 | 9.65 | 9.65 |
| #FFFFFF | 2.18 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.65 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.65 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#CCB400
Deuteranopia (green-blind)
#C1AD39
Tritanopia (blue-blind)
#72BCA7
Achromatopsia (no color)
#B0B0B0
Design tokens & code
CSS
--color: #73c426; /* rgb */ color: rgb(115, 196, 38); /* oklch */ color: oklch(74.0% 0.198 133.9);
Tailwind
colors: {
custom: {
50: '#a2d66f',
500: '#73c426',
950: '#000000',
},
}SCSS
$custom: #73c426; $custom-light: #a2d66f; $custom-dark: #000000;
JSON
{
"hex": "#73c426",
"rgb": {
"r": 115,
"g": 196,
"b": 38
},
"hsl": {
"h": 90.759,
"s": 67.521,
"l": 45.882
},
"oklch": {
"l": 0.74003,
"c": 0.19835,
"h": 133.9
},
"luminance": 0.43265
}Semantic roles & 50–950 ramp
primary
#73C426
secondary
#A477CE
accent
#3DEA96
background
#FAFDF7
surface
#F4FAED
border
#CED3C8
text
#101408
muted
#7F837B