#AEC9DD#AEC9DD
#AEC9DD is a very light, muted cyan. Relative luminance 0.560; OKLCH L 82.2% C 0.041 H 240.1°. Best body text is #000000 at 12.20:1 contrast (WCAG AA passes).
Color values
| HEX | #AEC9DD |
|---|---|
| RGB | rgb(174, 201, 221) |
| HSL | hsl(206, 41%, 77%) |
| HSV | hsv(206, 21%, 87%) |
| CMYK | cmyk(21.3%, 9%, 0%, 13.3%) |
| CIE-LAB | lab(79.61, -4.77, -12.95) |
| CIE-LCH | lch(79.61, 13.80, 249.77°) |
| OKLab | oklab(82.23% -0.0202 -0.0352) |
| OKLCH | oklch(82.23% 0.041 240.1) |
| XYZ | xyz(51.3898, 55.9909, 76.4923) |
| Luminance | 0.5599 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Cloudy Blue
#ACC2D9
ΔE00 2.96
Light Grey Blue
#9DBCD4
ΔE00 3.78
Lightsteelblue
#B0C4DE
ΔE00 4.27
Light Blue Grey
#B7C9E2
ΔE00 4.54
Lightblue
#ADD8E6
ΔE00 6.65
Powder Blue (survey)
#B1D1FC
ΔE00 7.23
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#AEC9DD #DDC2AE
analogous
#AEDDDA #AEC9DD #AEB1DD
triadic
#AEC9DD #DDAEC9 #C9DDAE
tetradic
#AEC9DD #DAAEDD #DDC2AE #B1DDAE
square
#AEC9DD #DAAEDD #DDC2AE #B1DDAE
split-complementary
#AEC9DD #DDAEB1 #DDDAAE
monochromatic
#5890B9 #83ACCB #AEC9DD #D9E6EF #E9F1F6
Accessibility & contrast
On white
1.72
#AEC9DD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.20
#AEC9DD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #AEC9DD
12.20:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##AEC9DD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AEC9DD | 1.00 | 1.72 | 12.20 | 12.20 |
| #FFFFFF | 1.72 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.20 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.20 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C1C8DE
Deuteranopia (green-blind)
#BAC3DD
Tritanopia (blue-blind)
#A1CECF
Achromatopsia (no color)
#C5C5C5
Design tokens & code
CSS
--color: #aec9dd; /* rgb */ color: rgb(174, 201, 221); /* oklch */ color: oklch(82.2% 0.041 240.1);
Tailwind
colors: {
custom: {
50: '#c6d9e7',
500: '#aec9dd',
950: '#000000',
},
}SCSS
$custom: #aec9dd; $custom-light: #c6d9e7; $custom-dark: #000000;
JSON
{
"hex": "#aec9dd",
"rgb": {
"r": 174,
"g": 201,
"b": 221
},
"hsl": {
"h": 205.532,
"s": 40.87,
"l": 77.451
},
"oklch": {
"l": 0.82229,
"c": 0.04058,
"h": 240.1
},
"luminance": 0.55992
}Semantic roles & 50–950 ramp
primary
#AEC9DD
secondary
#B5937A
accent
#6932B4
background
#FDFEFE
surface
#F9FBFC
border
#D2D4D5
text
#131416
muted
#828384