#AEBDA8#AEBDA8
#AEBDA8 is a light, muted green. Relative luminance 0.482; OKLCH L 78.1% C 0.034 H 136.7°. Best body text is #000000 at 10.64:1 contrast (WCAG AA passes).
Color values
| HEX | #AEBDA8 |
|---|---|
| RGB | rgb(174, 189, 168) |
| HSL | hsl(103, 14%, 70%) |
| HSV | hsv(103, 11%, 74%) |
| CMYK | cmyk(7.9%, 0%, 11.1%, 25.9%) |
| CIE-LAB | lab(74.96, -9.08, 8.86) |
| CIE-LCH | lch(74.96, 12.69, 135.70°) |
| OKLab | oklab(78.09% -0.0244 0.0231) |
| OKLCH | oklch(78.09% 0.034 136.7) |
| XYZ | xyz(42.7198, 48.2207, 44.0951) |
| Luminance | 0.4822 (WCAG relative) |
| Temperature | warm |
| Family | green |
Closest named colors
Greenish Grey
#96AE8D
ΔE00 6.92
Sage Green
#9CAF88
ΔE00 7.34
Cement
#A5A391
ΔE00 9.62
Darkseagreen
#8FBC8F
ΔE00 10.08
Bland
#AFA88B
ΔE00 10.44
Greyish
#A8A495
ΔE00 10.48
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#AEBDA8 #B7A8BD
analogous
#B8BDA8 #AEBDA8 #A8BDAD
triadic
#AEBDA8 #A8AEBD #BDA8AE
tetradic
#AEBDA8 #A8B8BD #B7A8BD #BDADA8
square
#AEBDA8 #A8B8BD #B7A8BD #BDADA8
split-complementary
#AEBDA8 #ADA8BD #BDA8B8
monochromatic
#6E8565 #8EA385 #AEBDA8 #CED7CB #EFF2EE
Accessibility & contrast
On white
1.97
#AEBDA8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.64
#AEBDA8 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #AEBDA8
10.64:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##AEBDA8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AEBDA8 | 1.00 | 1.97 | 10.64 | 10.64 |
| #FFFFFF | 1.97 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.64 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.64 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#BFB9A7
Deuteranopia (green-blind)
#BCB8A9
Tritanopia (blue-blind)
#AEBBB7
Achromatopsia (no color)
#B8B8B8
Design tokens & code
CSS
--color: #aebda8; /* rgb */ color: rgb(174, 189, 168); /* oklch */ color: oklch(78.1% 0.034 136.7);
Tailwind
colors: {
custom: {
50: '#c6d0c1',
500: '#aebda8',
950: '#000000',
},
}SCSS
$custom: #aebda8; $custom-light: #c6d0c1; $custom-dark: #000000;
JSON
{
"hex": "#aebda8",
"rgb": {
"r": 174,
"g": 189,
"b": 168
},
"hsl": {
"h": 102.857,
"s": 13.725,
"l": 70
},
"oklch": {
"l": 0.78085,
"c": 0.03359,
"h": 136.7
},
"luminance": 0.48221
}Semantic roles & 50–950 ramp
primary
#AEBDA8
secondary
#E2DDE3
accent
#4E9883
background
#FCFCFB
surface
#F8F9F7
border
#D1D2D0
text
#131412
muted
#828281