#53D2EF

#53D2EF

Color Values

HEX

#53D2EF

RGB

83, 210, 239

HSL

191.2, 83.0%, 63.1%

HSV

191.2, 65.3%, 93.7%

CMYK

65.3%, 12.1%, 0.0%, 6.3%

OKLCH

0.8048 0.1172 215.7

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#53D2EF

#EF7053

Analogous

#53EFBE

#5384EF

#53D2EF

Triadic

#53D2EF

#EF53D2

#D2EF53

Split Complementary

#53D2EF

#EF5384

#EFBE53

Tetradic

#53D2EF

#BE53EF

#EF7053

#84EF53

Color Blindness Simulation

Original

#53D2EF

Protanopia

#8A8BE8

Deuteranopia

#8379E6

Tritanopia

#59E2E1

Achromatopsia

#B9B9B9

CSS Usage

background-color: #53D2EF;
color: #53D2EF;
border-color: #53D2EF;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F2FBFD
100
#E1F5FA
200
#BEEEF9
300
#8FE2F5
400
#52D2EF
500
#16C2E9
600
#119BBB
700
#0E7C95
800
#0B6175
900
#0C4755
950
#082D35

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.83:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026