#5899DD#5899DD
#5899DD is a light, vivid cyan. Relative luminance 0.301; OKLCH L 66.9% C 0.122 H 251.1°. Best body text is #000000 at 7.02:1 contrast (WCAG AA passes).
Color values
| HEX | #5899DD |
|---|---|
| RGB | rgb(88, 153, 221) |
| HSL | hsl(211, 66%, 61%) |
| HSV | hsv(211, 60%, 87%) |
| CMYK | cmyk(60.2%, 30.8%, 0%, 13.3%) |
| CIE-LAB | lab(61.72, -0.48, -40.81) |
| CIE-LCH | lch(61.72, 40.81, 269.32°) |
| OKLab | oklab(66.9% -0.0395 -0.1151) |
| OKLCH | oklch(66.9% 0.122 251.1) |
| XYZ | xyz(28.4622, 30.0750, 72.6977) |
| Luminance | 0.3008 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Dark Sky Blue
#448EE4
ΔE00 3.59
Dodgerblue
#1E90FF
ΔE00 4.06
Cornflowerblue
#6495ED
ΔE00 4.15
Azure (survey)
#069AF3
ΔE00 4.50
Faded Blue
#658CBB
ΔE00 6.01
Soft Blue
#6488EA
ΔE00 7.66
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#5899DD #DD9C58
analogous
#58DBDD #5899DD #5958DD
triadic
#5899DD #DD5899 #99DD58
tetradic
#5899DD #DD58DB #DD9C58 #58DD59
square
#5899DD #DD58DB #DD9C58 #58DD59
split-complementary
#5899DD #DD5958 #DBDD58
monochromatic
#205C9B #2A7ACE #5899DD #8BB8E7 #BED7F2
Accessibility & contrast
On white
2.99
#5899DD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.02
#5899DD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #5899DD
7.02:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##5899DD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5899DD | 1.00 | 2.99 | 7.02 | 7.02 |
| #FFFFFF | 2.99 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.02 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7C9CE0
Deuteranopia (green-blind)
#6A8FDC
Tritanopia (blue-blind)
#00A9B1
Achromatopsia (no color)
#959595
Design tokens & code
CSS
--color: #5899dd; /* rgb */ color: rgb(88, 153, 221); /* oklch */ color: oklch(66.9% 0.122 251.1);
Tailwind
colors: {
custom: {
50: '#92b6e8',
500: '#5899dd',
950: '#000000',
},
}SCSS
$custom: #5899dd; $custom-light: #92b6e8; $custom-dark: #000000;
JSON
{
"hex": "#5899dd",
"rgb": {
"r": 88,
"g": 153,
"b": 221
},
"hsl": {
"h": 210.677,
"s": 66.169,
"l": 60.588
},
"oklch": {
"l": 0.66901,
"c": 0.12172,
"h": 251.1
},
"luminance": 0.30078
}Semantic roles & 50–950 ramp
primary
#5899DD
secondary
#E2C9AF
accent
#7517CE
background
#F9FBFE
surface
#F2F6FC
border
#CCD0D5
text
#0E1116
muted
#7E8084