#539BA4

#539BA4

Color Values

HEX

#539BA4

RGB

83, 155, 164

HSL

186.7, 32.8%, 48.4%

HSV

186.7, 49.4%, 64.3%

CMYK

49.4%, 5.5%, 0.0%, 35.7%

OKLCH

0.6462 0.0733 206.1

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#539BA4

#A45C53

Analogous

#53A484

#5372A4

#539BA4

Triadic

#539BA4

#A4539B

#9BA453

Split Complementary

#539BA4

#A45372

#A48453

Tetradic

#539BA4

#8453A4

#A45C53

#72A453

Color Blindness Simulation

Original

#539BA4

Protanopia

#7273A2

Deuteranopia

#6E69A1

Tritanopia

#57A0A0

Achromatopsia

#8C8C8C

CSS Usage

background-color: #539BA4;
color: #539BA4;
border-color: #539BA4;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E4E7
300
#AED1D6
400
#82B9C0
500
#56A0A9
600
#458087
700
#37666C
800
#2B5055
900
#223C3F
950
#162628

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.59:1

AA Pass AAA Fail

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