#53AFD2

#53AFD2

Color Values

HEX

#53AFD2

RGB

83, 175, 210

HSL

196.5, 58.5%, 57.5%

HSV

196.5, 60.5%, 82.4%

CMYK

60.5%, 16.7%, 0.0%, 17.6%

OKLCH

0.7119 0.1007 225.9

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#53AFD2

#D27653

Analogous

#53D2B5

#5370D2

#53AFD2

Triadic

#53AFD2

#D253AF

#AFD253

Split Complementary

#53AFD2

#D25370

#D2B553

Tetradic

#53AFD2

#B553D2

#D27653

#70D253

Color Blindness Simulation

Original

#53AFD2

Protanopia

#7B7CCA

Deuteranopia

#766FC8

Tritanopia

#58C3C1

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E4F1F6
200
#C6E5F0
300
#9ED2E6
400
#69B9D8
500
#35A1CA
600
#2A81A2
700
#226781
800
#1A5165
900
#173C4A
950
#0E262F

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

8.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026