#93FAB9#93FAB9
#93FAB9 is a very light, vivid green. Relative luminance 0.781; OKLCH L 90.5% C 0.133 H 155.0°. Best body text is #000000 at 16.62:1 contrast (WCAG AA passes).
Color values
| HEX | #93FAB9 |
|---|---|
| RGB | rgb(147, 250, 185) |
| HSL | hsl(142, 91%, 78%) |
| HSV | hsv(142, 41%, 98%) |
| CMYK | cmyk(41.2%, 0%, 26%, 2%) |
| CIE-LAB | lab(90.81, -43.82, 21.98) |
| CIE-LCH | lch(90.81, 49.02, 153.36°) |
| OKLab | oklab(90.53% -0.1202 0.056) |
| OKLCH | oklch(90.53% 0.133 155) |
| XYZ | xyz(54.9715, 78.0734, 58.0625) |
| Luminance | 0.7808 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Light Seafoam
#A0FEBF
ΔE00 1.51
Light Sea Green
#98F6B0
ΔE00 1.87
Light Blue Green
#7EFBB3
ΔE00 2.23
Seafoam (survey)
#80F9AD
ΔE00 2.49
Seafoam Green
#7AF9AB
ΔE00 3.03
Mint (survey)
#9FFEB0
ΔE00 3.16
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#93FAB9 #FA93D4
analogous
#A0FA93 #93FAB9 #93FAEC
triadic
#93FAB9 #B993FA #FAB993
tetradic
#93FAB9 #93A0FA #FA93D4 #FAEC93
square
#93FAB9 #93A0FA #FA93D4 #FAEC93
split-complementary
#93FAB9 #EC93FA #FA93A0
monochromatic
#1EF56D #59F793 #93FAB9 #CDFDDF #E2FEEC
Accessibility & contrast
On white
1.26
#93FAB9 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.62
#93FAB9 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #93FAB9
16.62:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##93FAB9 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##93FAB9 | 1.00 | 1.26 | 16.62 | 16.62 |
| #FFFFFF | 1.26 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.62 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F9EBB5
Deuteranopia (green-blind)
#EAE0BD
Tritanopia (blue-blind)
#7DF8E8
Achromatopsia (no color)
#E5E5E5
Design tokens & code
CSS
--color: #93fab9; /* rgb */ color: rgb(147, 250, 185); /* oklch */ color: oklch(90.5% 0.133 155.0);
Tailwind
colors: {
custom: {
50: '#b7fcce',
500: '#93fab9',
950: '#000000',
},
}SCSS
$custom: #93fab9; $custom-light: #b7fcce; $custom-dark: #000000;
JSON
{
"hex": "#93fab9",
"rgb": {
"r": 147,
"g": 250,
"b": 185
},
"hsl": {
"h": 142.136,
"s": 91.15,
"l": 77.843
},
"oklch": {
"l": 0.90533,
"c": 0.13263,
"h": 155
},
"luminance": 0.78077
}Semantic roles & 50–950 ramp
primary
#93FAB9
secondary
#DA57AA
accent
#0091E6
background
#FDFFFE
surface
#F8FFFB
border
#D1D7D4
text
#121713
muted
#828583