#A8DBED#A8DBED
#A8DBED is a very light, muted cyan. Relative luminance 0.651; OKLCH L 86.2% C 0.058 H 221.6°. Best body text is #000000 at 14.02:1 contrast (WCAG AA passes).
Color values
| HEX | #A8DBED |
|---|---|
| RGB | rgb(168, 219, 237) |
| HSL | hsl(196, 66%, 79%) |
| HSV | hsv(196, 29%, 93%) |
| CMYK | cmyk(29.1%, 7.6%, 0%, 7.1%) |
| CIE-LAB | lab(84.53, -12.28, -14.14) |
| CIE-LCH | lch(84.53, 18.73, 229.01°) |
| OKLab | oklab(86.19% -0.0435 -0.0386) |
| OKLCH | oklch(86.19% 0.058 221.6) |
| XYZ | xyz(56.7613, 65.0996, 89.6790) |
| Luminance | 0.6510 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Lightblue
#ADD8E6
ΔE00 1.82
Ice Blue
#A5DFF9
ΔE00 2.68
Powder Blue
#B0E0E6
ΔE00 4.81
Sky Blue
#87CEEB
ΔE00 5.29
Baby Blue
#89CFF0
ΔE00 5.72
Pale Sky Blue
#BDF6FE
ΔE00 7.28
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A8DBED #EDBAA8
analogous
#A8EDDD #A8DBED #A8B9ED
triadic
#A8DBED #EDA8DB #DBEDA8
tetradic
#A8DBED #DDA8ED #EDBAA8 #B9EDA8
square
#A8DBED #DDA8ED #EDBAA8 #B9EDA8
split-complementary
#A8DBED #EDA8B9 #EDDDA8
monochromatic
#43B1D8 #75C6E3 #A8DBED #DBF0F7 #E6F5FA
Accessibility & contrast
On white
1.50
#A8DBED on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.02
#A8DBED on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #A8DBED
14.02:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A8DBED | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A8DBED | 1.00 | 1.50 | 14.02 | 14.02 |
| #FFFFFF | 1.50 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.02 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D0D8EE
Deuteranopia (green-blind)
#C5CFED
Tritanopia (blue-blind)
#92E1E0
Achromatopsia (no color)
#D3D3D3
Design tokens & code
CSS
--color: #a8dbed; /* rgb */ color: rgb(168, 219, 237); /* oklch */ color: oklch(86.2% 0.058 221.6);
Tailwind
colors: {
custom: {
50: '#c3e6f2',
500: '#a8dbed',
950: '#000000',
},
}SCSS
$custom: #a8dbed; $custom-light: #c3e6f2; $custom-dark: #000000;
JSON
{
"hex": "#a8dbed",
"rgb": {
"r": 168,
"g": 219,
"b": 237
},
"hsl": {
"h": 195.652,
"s": 65.714,
"l": 79.412
},
"oklch": {
"l": 0.86189,
"c": 0.05819,
"h": 221.6
},
"luminance": 0.65102
}Semantic roles & 50–950 ramp
primary
#A8DBED
secondary
#CA876F
accent
#4718CE
background
#FDFEFF
surface
#F9FCFE
border
#D2D5D6
text
#131517
muted
#828485