#2CA74A#2CA74A
#2CA74A is a light, vivid green. Relative luminance 0.287; OKLCH L 64.2% C 0.170 H 147.4°. Best body text is #000000 at 6.73:1 contrast (WCAG AA passes).
Color values
| HEX | #2CA74A |
|---|---|
| RGB | rgb(44, 167, 74) |
| HSL | hsl(135, 58%, 41%) |
| HSV | hsv(135, 74%, 65%) |
| CMYK | cmyk(73.7%, 0%, 55.7%, 34.5%) |
| CIE-LAB | lab(60.49, -53.07, 38.27) |
| CIE-LCH | lch(60.49, 65.43, 144.21°) |
| OKLab | oklab(64.16% -0.1429 0.0915) |
| OKLCH | oklch(64.16% 0.17 147.4) |
| XYZ | xyz(16.0922, 28.6655, 11.1621) |
| Luminance | 0.2867 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Medium Green
#39AD48
ΔE00 2.32
Emerald (survey)
#01A049
ΔE00 2.91
Mid Green
#50A747
ΔE00 3.34
Shamrock
#01B44C
ΔE00 3.89
Kelly Green (survey)
#02AB2E
ΔE00 3.96
Dark Pastel Green
#56AE57
ΔE00 4.09
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2CA74A #A72C89
analogous
#4CA72C #2CA74A #2CA788
triadic
#2CA74A #4A2CA7 #A74A2C
tetradic
#2CA74A #2C4CA7 #A72C89 #A7882C
square
#2CA74A #2C4CA7 #A72C89 #A7882C
split-complementary
#2CA74A #882CA7 #A72C4C
monochromatic
#12461F #1F7735 #2CA74A #43CD65 #73DA8C
Accessibility & contrast
On white
3.12
#2CA74A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.73
#2CA74A on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #2CA74A
6.73:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2CA74A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2CA74A | 1.00 | 3.12 | 6.73 | 6.73 |
| #FFFFFF | 3.12 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.73 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.73 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#A99841
Deuteranopia (green-blind)
#9B8E51
Tritanopia (blue-blind)
#00A392
Achromatopsia (no color)
#929292
Design tokens & code
CSS
--color: #2ca74a; /* rgb */ color: rgb(44, 167, 74); /* oklch */ color: oklch(64.2% 0.170 147.4);
Tailwind
colors: {
custom: {
50: '#78c27f',
500: '#2ca74a',
950: '#000000',
},
}SCSS
$custom: #2ca74a; $custom-light: #78c27f; $custom-dark: #000000;
JSON
{
"hex": "#2ca74a",
"rgb": {
"r": 44,
"g": 167,
"b": 74
},
"hsl": {
"h": 134.634,
"s": 58.294,
"l": 41.373
},
"oklch": {
"l": 0.64163,
"c": 0.16966,
"h": 147.4
},
"luminance": 0.28667
}Semantic roles & 50–950 ramp
primary
#2CA74A
secondary
#C26DAD
accent
#46BCE2
background
#F7FCF7
surface
#EEF8EE
border
#C9D1C9
text
#0A120A
muted
#7C817C