#497418#497418
#497418 is a mid, vivid yellow-green. Relative luminance 0.140; OKLCH L 50.9% C 0.128 H 131.9°. Best body text is #FFFFFF at 5.53:1 contrast (WCAG AA passes).
Color values
| HEX | #497418 |
|---|---|
| RGB | rgb(73, 116, 24) |
| HSL | hsl(88, 66%, 27%) |
| HSV | hsv(88, 79%, 45%) |
| CMYK | cmyk(37.1%, 0%, 79.3%, 54.5%) |
| CIE-LAB | lab(44.19, -30.24, 42.85) |
| CIE-LCH | lch(44.19, 52.45, 125.20°) |
| OKLab | oklab(50.88% -0.0855 0.0953) |
| OKLCH | oklch(50.88% 0.128 131.9) |
| XYZ | xyz(9.1578, 13.9728, 3.0785) |
| Luminance | 0.1397 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Dark Grass Green
#388004
ΔE00 5.23
Tree Green
#2A7E19
ΔE00 5.78
Darkolivegreen
#556B2F
ΔE00 6.02
Avocado
#568203
ΔE00 6.06
Dirty Green
#667E2C
ΔE00 6.37
Muddy Green
#657432
ΔE00 6.75
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#497418 #431874
analogous
#747118 #497418 #1B7418
triadic
#497418 #184974 #741849
tetradic
#497418 #187471 #431874 #74181B
square
#497418 #187471 #431874 #74181B
split-complementary
#497418 #181B74 #711874
monochromatic
#101905 #29410E #497418 #69A722 #89D532
Accessibility & contrast
On white
5.53
#497418 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.79
#497418 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #497418
5.53:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##497418 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##497418 | 1.00 | 5.53 | 3.79 | 5.53 |
| #FFFFFF | 5.53 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.79 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.53 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#796B03
Deuteranopia (green-blind)
#736721
Tritanopia (blue-blind)
#4A6F63
Achromatopsia (no color)
#686868
Design tokens & code
CSS
--color: #497418; /* rgb */ color: rgb(73, 116, 24); /* oklch */ color: oklch(50.9% 0.128 131.9);
Tailwind
colors: {
custom: {
50: '#809c5d',
500: '#497418',
950: '#000000',
},
}SCSS
$custom: #497418; $custom-light: #809c5d; $custom-dark: #000000;
JSON
{
"hex": "#497418",
"rgb": {
"r": 73,
"g": 116,
"b": 24
},
"hsl": {
"h": 88.043,
"s": 65.714,
"l": 27.451
},
"oklch": {
"l": 0.50876,
"c": 0.12807,
"h": 131.9
},
"luminance": 0.13973
}Semantic roles & 50–950 ramp
primary
#497418
secondary
#703FA9
accent
#3FE98E
background
#F8F9F5
surface
#EFF2E9
border
#CACCC5
text
#0B0E04
muted
#7C7E79