#68C047#68C047
#68C047 is a light, vivid green. Relative luminance 0.411; OKLCH L 72.7% C 0.179 H 138.2°. Best body text is #000000 at 9.22:1 contrast (WCAG AA passes).
Color values
| HEX | #68C047 |
|---|---|
| RGB | rgb(104, 192, 71) |
| HSL | hsl(104, 49%, 52%) |
| HSV | hsv(104, 63%, 75%) |
| CMYK | cmyk(45.8%, 0%, 63%, 24.7%) |
| CIE-LAB | lab(70.24, -48.44, 51.39) |
| CIE-LCH | lch(70.24, 70.62, 133.30°) |
| OKLab | oklab(72.72% -0.1335 0.1192) |
| OKLCH | oklch(72.72% 0.179 138.2) |
| XYZ | xyz(25.6950, 41.0956, 12.5383) |
| Luminance | 0.4110 (WCAG relative) |
| Temperature | warm |
| Family | green |
Closest named colors
Turtle Green
#75B84F
ΔE00 3.02
Leafy Green
#51B73B
ΔE00 3.26
Apple
#6ECB3C
ΔE00 3.51
Nasty Green
#70B23F
ΔE00 4.15
Kelly Green
#4CBB17
ΔE00 4.17
Frog Green
#58BC08
ΔE00 4.49
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#68C047 #9F47C0
analogous
#A5C047 #68C047 #47C063
triadic
#68C047 #4768C0 #C04768
tetradic
#68C047 #47A5C0 #9F47C0 #C06347
square
#68C047 #47A5C0 #9F47C0 #C06347
split-complementary
#68C047 #6347C0 #C047A5
monochromatic
#376924 #4E9633 #68C047 #8DD075 #B3DFA2
Accessibility & contrast
On white
2.28
#68C047 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.22
#68C047 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #68C047
9.22:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##68C047 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##68C047 | 1.00 | 2.28 | 9.22 | 9.22 |
| #FFFFFF | 2.28 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.22 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.22 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C6B039
Deuteranopia (green-blind)
#BAA951
Tritanopia (blue-blind)
#62BAA7
Achromatopsia (no color)
#ACACAC
Design tokens & code
CSS
--color: #68c047; /* rgb */ color: rgb(104, 192, 71); /* oklch */ color: oklch(72.7% 0.179 138.2);
Tailwind
colors: {
custom: {
50: '#9ad47f',
500: '#68c047',
950: '#000000',
},
}SCSS
$custom: #68c047; $custom-light: #9ad47f; $custom-dark: #000000;
JSON
{
"hex": "#68c047",
"rgb": {
"r": 104,
"g": 192,
"b": 71
},
"hsl": {
"h": 103.636,
"s": 48.988,
"l": 51.569
},
"oklch": {
"l": 0.72719,
"c": 0.17894,
"h": 138.2
},
"luminance": 0.41097
}Semantic roles & 50–950 ramp
primary
#68C047
secondary
#BD97CC
accent
#4FD9B3
background
#F9FDF8
surface
#F2FAEF
border
#CCD3CA
text
#0F140A
muted
#7E837C