#9AEDBC#9AEDBC
#9AEDBC is a very light, moderate green. Relative luminance 0.711; OKLCH L 88.0% C 0.106 H 157.4°. Best body text is #000000 at 15.21:1 contrast (WCAG AA passes).
Color values
| HEX | #9AEDBC |
|---|---|
| RGB | rgb(154, 237, 188) |
| HSL | hsl(145, 70%, 77%) |
| HSV | hsv(145, 35%, 93%) |
| CMYK | cmyk(35%, 0%, 20.7%, 7.1%) |
| CIE-LAB | lab(87.52, -35.47, 15.88) |
| CIE-LCH | lch(87.52, 38.86, 155.88°) |
| OKLab | oklab(87.97% -0.0981 0.0408) |
| OKLCH | oklch(87.97% 0.106 157.4) |
| XYZ | xyz(52.6844, 71.0663, 58.5083) |
| Luminance | 0.7107 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Mint
#AAF0C1
ΔE00 2.12
Hospital Green
#9BE5AA
ΔE00 3.50
Seafoam
#7FE0B3
ΔE00 4.02
Light Teal
#90E4C1
ΔE00 4.15
Light Seafoam
#A0FEBF
ΔE00 4.32
Pale Turquoise
#A5FBD5
ΔE00 4.43
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#9AEDBC #ED9ACB
analogous
#A2ED9A #9AEDBC #9AEDE5
triadic
#9AEDBC #BC9AED #EDBC9A
tetradic
#9AEDBC #9AA2ED #ED9ACB #EDE59A
square
#9AEDBC #9AA2ED #ED9ACB #EDE59A
split-complementary
#9AEDBC #E59AED #ED9AA2
monochromatic
#32DA77 #66E49A #9AEDBC #CEF6DE #E5FAEE
Accessibility & contrast
On white
1.38
#9AEDBC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.21
#9AEDBC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #9AEDBC
15.21:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##9AEDBC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9AEDBC | 1.00 | 1.38 | 15.21 | 15.21 |
| #FFFFFF | 1.38 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.21 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.21 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#ECE1B9
Deuteranopia (green-blind)
#DED8BF
Tritanopia (blue-blind)
#89ECDF
Achromatopsia (no color)
#DBDBDB
Design tokens & code
CSS
--color: #9aedbc; /* rgb */ color: rgb(154, 237, 188); /* oklch */ color: oklch(88.0% 0.106 157.4);
Tailwind
colors: {
custom: {
50: '#baf3d0',
500: '#9aedbc',
950: '#000000',
},
}SCSS
$custom: #9aedbc; $custom-light: #baf3d0; $custom-dark: #000000;
JSON
{
"hex": "#9aedbc",
"rgb": {
"r": 154,
"g": 237,
"b": 188
},
"hsl": {
"h": 144.578,
"s": 69.748,
"l": 76.667
},
"oklch": {
"l": 0.8797,
"c": 0.10626,
"h": 157.4
},
"luminance": 0.71069
}Semantic roles & 50–950 ramp
primary
#9AEDBC
secondary
#C9629F
accent
#1484D2
background
#FDFFFE
surface
#F8FEFB
border
#D1D6D4
text
#121714
muted
#828583