#53AED2

#53AED2

Color Values

HEX

#53AED2

RGB

83, 174, 210

HSL

197.0, 58.5%, 57.5%

HSV

197.0, 60.5%, 82.4%

CMYK

60.5%, 17.1%, 0.0%, 17.6%

OKLCH

0.7096 0.1009 226.8

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#53AED2

#D27753

Analogous

#53D2B7

#536FD2

#53AED2

Triadic

#53AED2

#D253AE

#AED253

Split Complementary

#53AED2

#D2536F

#D2B753

Tetradic

#53AED2

#B753D2

#D27753

#6FD253

Color Blindness Simulation

Original

#53AED2

Protanopia

#7A7BC9

Deuteranopia

#756EC7

Tritanopia

#58C2C1

Achromatopsia

#9D9D9D

CSS Usage

background-color: #53AED2;
color: #53AED2;
border-color: #53AED2;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4F9FB
100
#E4F1F6
200
#C6E4F0
300
#9ED1E6
400
#69B9D8
500
#35A0CA
600
#2A80A2
700
#226681
800
#1A5065
900
#173C4A
950
#0E262F

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.35:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026