#69FE89#69FE89
#69FE89 is a very light, highly saturated green. Relative luminance 0.757; OKLCH L 89.0% C 0.203 H 148.0°. Best body text is #000000 at 16.14:1 contrast (WCAG AA passes).
Color values
| HEX | #69FE89 |
|---|---|
| RGB | rgb(105, 254, 137) |
| HSL | hsl(133, 99%, 70%) |
| HSV | hsv(133, 59%, 100%) |
| CMYK | cmyk(58.7%, 0%, 46.1%, 0.4%) |
| CIE-LAB | lab(89.71, -63.73, 44.15) |
| CIE-LCH | lch(89.71, 77.53, 145.29°) |
| OKLab | oklab(88.97% -0.1723 0.1078) |
| OKLCH | oklch(88.97% 0.203 148) |
| XYZ | xyz(45.7797, 75.6887, 35.8589) |
| Luminance | 0.7569 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Lightgreen (survey)
#76FF7B
ΔE00 2.52
Spring Green
#00FF7F
ΔE00 3.26
Wintergreen
#20F986
ΔE00 3.40
Spearmint
#1EF876
ΔE00 3.40
Baby Green
#8CFF9E
ΔE00 3.45
Minty Green
#0BF77D
ΔE00 3.62
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#69FE89 #FE69DE
analogous
#93FE69 #69FE89 #69FED3
triadic
#69FE89 #8969FE #FE8969
tetradic
#69FE89 #6993FE #FE69DE #FED369
square
#69FE89 #6993FE #FE69DE #FED369
split-complementary
#69FE89 #D369FE #FE6993
monochromatic
#02EB34 #2CFE59 #69FE89 #A6FEB9 #E1FFE7
Accessibility & contrast
On white
1.30
#69FE89 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.14
#69FE89 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #69FE89
16.14:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##69FE89 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##69FE89 | 1.00 | 1.30 | 16.14 | 16.14 |
| #FFFFFF | 1.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.14 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.14 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFEA80
Deuteranopia (green-blind)
#EDDC91
Tritanopia (blue-blind)
#43F9E2
Achromatopsia (no color)
#E2E2E2
Design tokens & code
CSS
--color: #69fe89; /* rgb */ color: rgb(105, 254, 137); /* oklch */ color: oklch(89.0% 0.203 148.0);
Tailwind
colors: {
custom: {
50: '#a0ffad',
500: '#69fe89',
950: '#000000',
},
}SCSS
$custom: #69fe89; $custom-light: #a0ffad; $custom-dark: #000000;
JSON
{
"hex": "#69fe89",
"rgb": {
"r": 105,
"g": 254,
"b": 137
},
"hsl": {
"h": 132.886,
"s": 98.675,
"l": 70.392
},
"oklch": {
"l": 0.8897,
"c": 0.20324,
"h": 148
},
"luminance": 0.75693
}Semantic roles & 50–950 ramp
primary
#69FE89
secondary
#D932B5
accent
#00B4E6
background
#FDFFFD
surface
#F7FFF7
border
#D0D7D0
text
#101810
muted
#818681