#53D0EB#53D0EB
#53D0EB is a light, moderate cyan. Relative luminance 0.529; OKLCH L 79.9% C 0.115 H 214.6°. Best body text is #000000 at 11.59:1 contrast (WCAG AA passes).
Color values
| HEX | #53D0EB |
|---|---|
| RGB | rgb(83, 208, 235) |
| HSL | hsl(191, 79%, 62%) |
| HSV | hsv(191, 65%, 92%) |
| CMYK | cmyk(64.7%, 11.5%, 0%, 7.8%) |
| CIE-LAB | lab(77.84, -26.36, -23.53) |
| CIE-LCH | lch(77.84, 35.33, 221.76°) |
| OKLab | oklab(79.86% -0.0947 -0.0654) |
| OKLCH | oklch(79.86% 0.115 214.6) |
| XYZ | xyz(41.1123, 52.9444, 86.6338) |
| Luminance | 0.5295 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Neon Blue
#04D9FF
ΔE00 3.55
Aqua Blue
#02D8E9
ΔE00 5.59
Bright Sky Blue
#02CCFE
ΔE00 5.87
Sky Blue
#87CEEB
ΔE00 6.04
Baby Blue
#89CFF0
ΔE00 7.02
Robin'S Egg
#6DEDFD
ΔE00 7.59
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#53D0EB #EB6E53
analogous
#53EBBA #53D0EB #5384EB
triadic
#53D0EB #EB53D0 #D0EB53
tetradic
#53D0EB #BA53EB #EB6E53 #84EB53
square
#53D0EB #BA53EB #EB6E53 #84EB53
split-complementary
#53D0EB #EB5384 #EBBA53
monochromatic
#1494AF #1CC1E5 #53D0EB #8ADFF1 #C1EEF8
Accessibility & contrast
On white
1.81
#53D0EB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.59
#53D0EB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #53D0EB
11.59:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##53D0EB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##53D0EB | 1.00 | 1.81 | 11.59 | 11.59 |
| #FFFFFF | 1.81 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.59 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.59 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#BDCAED
Deuteranopia (green-blind)
#A7B9EB
Tritanopia (blue-blind)
#00DAD8
Achromatopsia (no color)
#C0C0C0
Design tokens & code
CSS
--color: #53d0eb; /* rgb */ color: rgb(83, 208, 235); /* oklch */ color: oklch(79.9% 0.115 214.6);
Tailwind
colors: {
custom: {
50: '#94def1',
500: '#53d0eb',
950: '#000000',
},
}SCSS
$custom: #53d0eb; $custom-light: #94def1; $custom-dark: #000000;
JSON
{
"hex": "#53d0eb",
"rgb": {
"r": 83,
"g": 208,
"b": 235
},
"hsl": {
"h": 190.658,
"s": 79.167,
"l": 62.353
},
"oklch": {
"l": 0.79859,
"c": 0.11515,
"h": 214.6
},
"luminance": 0.52949
}Semantic roles & 50–950 ramp
primary
#53D0EB
secondary
#B04932
accent
#2F0ADB
background
#FCFEFF
surface
#F5FCFE
border
#CFD5D6
text
#0E1516
muted
#7F8485