#237145#237145
#237145 is a mid, moderate green. Relative luminance 0.126; OKLCH L 48.9% C 0.103 H 154.6°. Best body text is #FFFFFF at 5.97:1 contrast (WCAG AA passes).
Color values
| HEX | #237145 |
|---|---|
| RGB | rgb(35, 113, 69) |
| HSL | hsl(146, 53%, 29%) |
| HSV | hsv(146, 69%, 44%) |
| CMYK | cmyk(69%, 0%, 38.9%, 55.7%) |
| CIE-LAB | lab(42.15, -34.56, 17.71) |
| CIE-LCH | lch(42.15, 38.83, 152.87°) |
| OKLab | oklab(48.94% -0.0935 0.0443) |
| OKLCH | oklch(48.94% 0.103 154.6) |
| XYZ | xyz(7.6718, 12.5964, 7.6561) |
| Luminance | 0.1260 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Spruce
#0A5F38
ΔE00 6.18
Darkish Green
#287C37
ΔE00 6.44
Jungle Green
#048243
ΔE00 6.75
Pine
#2B5D34
ΔE00 7.01
Hunter Green
#355E3B
ΔE00 7.38
Dark Sea Green
#11875D
ΔE00 8.14
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#237145 #71234F
analogous
#287123 #237145 #23716C
triadic
#237145 #452371 #714523
tetradic
#237145 #232871 #71234F #716C23
square
#237145 #232871 #71234F #716C23
split-complementary
#237145 #6C2371 #712328
monochromatic
#07170E #154228 #237145 #31A062 #48C67F
Accessibility & contrast
On white
5.97
#237145 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.52
#237145 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #237145
5.97:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##237145 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##237145 | 1.00 | 5.97 | 3.52 | 5.97 |
| #FFFFFF | 5.97 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.52 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.97 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#716842
Deuteranopia (green-blind)
#676148
Tritanopia (blue-blind)
#007066
Achromatopsia (no color)
#636363
Design tokens & code
CSS
--color: #237145; /* rgb */ color: rgb(35, 113, 69); /* oklch */ color: oklch(48.9% 0.103 154.6);
Tailwind
colors: {
custom: {
50: '#689a79',
500: '#237145',
950: '#000000',
},
}SCSS
$custom: #237145; $custom-light: #689a79; $custom-dark: #000000;
JSON
{
"hex": "#237145",
"rgb": {
"r": 35,
"g": 113,
"b": 69
},
"hsl": {
"h": 146.154,
"s": 52.703,
"l": 29.02
},
"oklch": {
"l": 0.48941,
"c": 0.10348,
"h": 154.6
},
"luminance": 0.12597
}Semantic roles & 50–950 ramp
primary
#237145
secondary
#A44C7E
accent
#4C9DDC
background
#F6F9F7
surface
#EBF2ED
border
#C6CCC8
text
#070E09
muted
#7A7E7B