#53AABC

#53AABC

Color Values

HEX

#53AABC

RGB

83, 170, 188

HSL

190.3, 43.9%, 53.1%

HSV

190.3, 55.9%, 73.7%

CMYK

55.9%, 9.6%, 0.0%, 26.3%

OKLCH

0.6912 0.0873 213.0

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#53AABC

#BC6553

Analogous

#53BC99

#5375BC

#53AABC

Triadic

#53AABC

#BC53AA

#AABC53

Split Complementary

#53AABC

#BC5375

#BC9953

Tetradic

#53AABC

#9953BC

#BC6553

#75BC53

Color Blindness Simulation

Original

#53AABC

Protanopia

#7979B8

Deuteranopia

#746DB7

Tritanopia

#57B4B3

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F4F9FA
100
#E6F2F4
200
#CCE6EB
300
#A7D3DD
400
#77BCCA
500
#48A4B7
600
#398393
700
#2E6975
800
#24525C
900
#1D3D44
950
#13272B

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.84:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026