#73A537#73A537
#73A537 is a light, vivid yellow-green. Relative luminance 0.308; OKLCH L 66.4% C 0.150 H 130.5°. Best body text is #000000 at 7.17:1 contrast (WCAG AA passes).
Color values
| HEX | #73A537 |
|---|---|
| RGB | rgb(115, 165, 55) |
| HSL | hsl(87, 50%, 43%) |
| HSV | hsv(87, 67%, 65%) |
| CMYK | cmyk(30.3%, 0%, 66.7%, 35.3%) |
| CIE-LAB | lab(62.36, -34.48, 49.81) |
| CIE-LCH | lch(62.36, 60.58, 124.69°) |
| OKLab | oklab(66.39% -0.0973 0.1138) |
| OKLCH | oklch(66.39% 0.15 130.5) |
| XYZ | xyz(21.2148, 30.8303, 8.4468) |
| Luminance | 0.3083 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Leaf
#71AA34
ΔE00 1.67
Nasty Green
#70B23F
ΔE00 4.02
Grass
#5CAC2D
ΔE00 4.10
Leaf Green
#5CA904
ΔE00 4.44
Asparagus
#77AB56
ΔE00 4.54
Avocado Green
#87A922
ΔE00 5.22
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#73A537 #6937A5
analogous
#A5A037 #73A537 #3CA537
triadic
#73A537 #3773A5 #A53773
tetradic
#73A537 #37A5A0 #6937A5 #A5373C
square
#73A537 #37A5A0 #6937A5 #A5373C
split-complementary
#73A537 #373CA5 #A037A5
monochromatic
#334918 #537728 #73A537 #92C653 #AFD581
Accessibility & contrast
On white
2.93
#73A537 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.17
#73A537 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #73A537
7.17:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##73A537 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##73A537 | 1.00 | 2.93 | 7.17 | 7.17 |
| #FFFFFF | 2.93 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.17 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.17 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#AC9928
Deuteranopia (green-blind)
#A59640
Tritanopia (blue-blind)
#769E8E
Achromatopsia (no color)
#979797
Design tokens & code
CSS
--color: #73a537; /* rgb */ color: rgb(115, 165, 55); /* oklch */ color: oklch(66.4% 0.150 130.5);
Tailwind
colors: {
custom: {
50: '#9fc073',
500: '#73a537',
950: '#000000',
},
}SCSS
$custom: #73a537; $custom-light: #9fc073; $custom-dark: #000000;
JSON
{
"hex": "#73a537",
"rgb": {
"r": 115,
"g": 165,
"b": 55
},
"hsl": {
"h": 87.273,
"s": 50,
"l": 43.137
},
"oklch": {
"l": 0.66386,
"c": 0.14971,
"h": 130.5
},
"luminance": 0.30831
}Semantic roles & 50–950 ramp
primary
#73A537
secondary
#9979BF
accent
#4EDA8E
background
#FAFBF7
surface
#F3F7ED
border
#CDD0C8
text
#0F1208
muted
#7F817B