#98ABC7#98ABC7
#98ABC7 is a light, muted blue. Relative luminance 0.399; OKLCH L 73.6% C 0.046 H 258.0°. Best body text is #000000 at 8.99:1 contrast (WCAG AA passes).
Color values
| HEX | #98ABC7 |
|---|---|
| RGB | rgb(152, 171, 199) |
| HSL | hsl(216, 30%, 69%) |
| HSV | hsv(216, 24%, 78%) |
| CMYK | cmyk(23.6%, 14.1%, 0%, 22%) |
| CIE-LAB | lab(69.42, -0.42, -16.46) |
| CIE-LCH | lch(69.42, 16.46, 268.55°) |
| OKLab | oklab(73.6% -0.0096 -0.0449) |
| OKLCH | oklch(73.6% 0.046 258) |
| XYZ | xyz(37.8178, 39.9237, 59.7353) |
| Luminance | 0.3992 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Light Grey Blue
#9DBCD4
ΔE00 6.49
Cloudy Blue
#ACC2D9
ΔE00 6.64
Lightsteelblue
#B0C4DE
ΔE00 6.78
Bluey Grey
#89A0B0
ΔE00 6.95
Cool Gray
#9AA7B0
ΔE00 7.56
Light Blue Grey
#B7C9E2
ΔE00 8.11
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#98ABC7 #C7B498
analogous
#98C3C7 #98ABC7 #9D98C7
triadic
#98ABC7 #C798AB #ABC798
tetradic
#98ABC7 #C798C3 #C7B498 #98C79D
square
#98ABC7 #C798C3 #C7B498 #98C79D
split-complementary
#98ABC7 #C79D98 #C3C798
monochromatic
#516C94 #708BB1 #98ABC7 #C0CBDD #E7ECF2
Accessibility & contrast
On white
2.34
#98ABC7 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.99
#98ABC7 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #98ABC7
8.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##98ABC7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##98ABC7 | 1.00 | 2.34 | 8.99 | 8.99 |
| #FFFFFF | 2.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#A2ACC8
Deuteranopia (green-blind)
#9DA7C6
Tritanopia (blue-blind)
#8CB1B4
Achromatopsia (no color)
#A9A9A9
Design tokens & code
CSS
--color: #98abc7; /* rgb */ color: rgb(152, 171, 199); /* oklch */ color: oklch(73.6% 0.046 258.0);
Tailwind
colors: {
custom: {
50: '#b7c3d8',
500: '#98abc7',
950: '#000000',
},
}SCSS
$custom: #98abc7; $custom-light: #b7c3d8; $custom-dark: #000000;
JSON
{
"hex": "#98abc7",
"rgb": {
"r": 152,
"g": 171,
"b": 199
},
"hsl": {
"h": 215.745,
"s": 29.56,
"l": 68.824
},
"oklch": {
"l": 0.73604,
"c": 0.04592,
"h": 258
},
"luminance": 0.39925
}Semantic roles & 50–950 ramp
primary
#98ABC7
secondary
#E4DFD6
accent
#7D3DA8
background
#FBFCFD
surface
#F6F8FA
border
#D0D1D3
text
#111214
muted
#808183