#A0E1BE#A0E1BE
#A0E1BE is a very light, moderate green. Relative luminance 0.650; OKLCH L 85.6% C 0.082 H 160.5°. Best body text is #000000 at 14.01:1 contrast (WCAG AA passes).
Color values
| HEX | #A0E1BE |
|---|---|
| RGB | rgb(160, 225, 190) |
| HSL | hsl(148, 52%, 75%) |
| HSV | hsv(148, 29%, 88%) |
| CMYK | cmyk(28.9%, 0%, 15.6%, 11.8%) |
| CIE-LAB | lab(84.50, -27.67, 10.61) |
| CIE-LCH | lch(84.50, 29.63, 159.02°) |
| OKLab | oklab(85.64% -0.0773 0.0274) |
| OKLCH | oklch(85.64% 0.082 160.5) |
| XYZ | xyz(50.7136, 65.0394, 58.5870) |
| Luminance | 0.6504 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Light Teal
#90E4C1
ΔE00 2.80
Mint
#AAF0C1
ΔE00 4.27
Seafoam
#7FE0B3
ΔE00 4.70
Pale Turquoise
#A5FBD5
ΔE00 5.82
Hospital Green
#9BE5AA
ΔE00 5.84
Seafoam Blue
#78D1B6
ΔE00 6.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A0E1BE #E1A0C3
analogous
#A2E1A0 #A0E1BE #A0E1DE
triadic
#A0E1BE #BEA0E1 #E1BEA0
tetradic
#A0E1BE #A0A2E1 #E1A0C3 #E1DEA0
square
#A0E1BE #A0A2E1 #E1A0C3 #E1DEA0
split-complementary
#A0E1BE #DEA0E1 #E1A0A2
monochromatic
#43C47E #71D29E #A0E1BE #CFF0DE #E8F8EF
Accessibility & contrast
On white
1.50
#A0E1BE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.01
#A0E1BE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #A0E1BE
14.01:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A0E1BE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A0E1BE | 1.00 | 1.50 | 14.01 | 14.01 |
| #FFFFFF | 1.50 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.01 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.01 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#DFD8BC
Deuteranopia (green-blind)
#D4D0C0
Tritanopia (blue-blind)
#93E1D7
Achromatopsia (no color)
#D3D3D3
Design tokens & code
CSS
--color: #a0e1be; /* rgb */ color: rgb(160, 225, 190); /* oklch */ color: oklch(85.6% 0.082 160.5);
Tailwind
colors: {
custom: {
50: '#bdead1',
500: '#a0e1be',
950: '#000000',
},
}SCSS
$custom: #a0e1be; $custom-light: #bdead1; $custom-dark: #000000;
JSON
{
"hex": "#a0e1be",
"rgb": {
"r": 160,
"g": 225,
"b": 190
},
"hsl": {
"h": 147.692,
"s": 52,
"l": 75.49
},
"oklch": {
"l": 0.8564,
"c": 0.08204,
"h": 160.5
},
"luminance": 0.65042
}Semantic roles & 50–950 ramp
primary
#A0E1BE
secondary
#BA6B96
accent
#2679BF
background
#FDFEFE
surface
#F8FDFB
border
#D1D5D4
text
#121614
muted
#828483