#ABB8CF#ABB8CF
#ABB8CF is a light, muted blue. Relative luminance 0.474; OKLCH L 78.0% C 0.036 H 261.9°. Best body text is #000000 at 10.49:1 contrast (WCAG AA passes).
Color values
| HEX | #ABB8CF |
|---|---|
| RGB | rgb(171, 184, 207) |
| HSL | hsl(218, 27%, 74%) |
| HSV | hsv(218, 17%, 81%) |
| CMYK | cmyk(17.4%, 11.1%, 0%, 18.8%) |
| CIE-LAB | lab(74.47, 0.29, -13.10) |
| CIE-LCH | lch(74.47, 13.10, 271.28°) |
| OKLab | oklab(78% -0.005 -0.0355) |
| OKLCH | oklch(78% 0.036 261.9) |
| XYZ | xyz(45.1948, 47.4430, 65.7957) |
| Luminance | 0.4744 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Lightsteelblue
#B0C4DE
ΔE00 3.73
Cloudy Blue
#ACC2D9
ΔE00 4.14
Light Blue Grey
#B7C9E2
ΔE00 4.54
Light Grey Blue
#9DBCD4
ΔE00 6.25
Dove Gray
#B6B8BD
ΔE00 7.63
Cool Gray
#9AA7B0
ΔE00 8.07
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#ABB8CF #CFC2AB
analogous
#ABCACF #ABB8CF #B0ABCF
triadic
#ABB8CF #CFABB8 #B8CFAB
tetradic
#ABB8CF #CFABCA #CFC2AB #ABCFB0
square
#ABB8CF #CFABCA #CFC2AB #ABCFB0
split-complementary
#ABB8CF #CFB0AB #CACFAB
monochromatic
#5D76A2 #8497B9 #ABB8CF #D2D9E5 #ECEFF4
Accessibility & contrast
On white
2.00
#ABB8CF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.49
#ABB8CF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #ABB8CF
10.49:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##ABB8CF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ABB8CF | 1.00 | 2.00 | 10.49 | 10.49 |
| #FFFFFF | 2.00 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.49 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.49 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B1B9D0
Deuteranopia (green-blind)
#ADB6CE
Tritanopia (blue-blind)
#A2BDBF
Achromatopsia (no color)
#B7B7B7
Design tokens & code
CSS
--color: #abb8cf; /* rgb */ color: rgb(171, 184, 207); /* oklch */ color: oklch(78.0% 0.036 261.9);
Tailwind
colors: {
custom: {
50: '#c4cddd',
500: '#abb8cf',
950: '#000000',
},
}SCSS
$custom: #abb8cf; $custom-light: #c4cddd; $custom-dark: #000000;
JSON
{
"hex": "#abb8cf",
"rgb": {
"r": 171,
"g": 184,
"b": 207
},
"hsl": {
"h": 218.333,
"s": 27.273,
"l": 74.118
},
"oklch": {
"l": 0.77995,
"c": 0.03586,
"h": 261.9
},
"luminance": 0.47444
}Semantic roles & 50–950 ramp
primary
#ABB8CF
secondary
#EAE7E1
accent
#8140A6
background
#FCFCFD
surface
#F8F9FB
border
#D1D2D4
text
#121315
muted
#818283