#538896

#538896

Color Values

HEX

#538896

RGB

83, 136, 150

HSL

192.5, 28.8%, 45.7%

HSV

192.5, 44.7%, 58.8%

CMYK

44.7%, 9.3%, 0.0%, 41.2%

OKLCH

0.5951 0.0602 216.5

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#538896

#966153

Analogous

#539683

#536796

#538896

Triadic

#538896

#965388

#889653

Split Complementary

#538896

#965367

#968353

Tetradic

#538896

#835396

#966153

#679653

Color Blindness Simulation

Original

#538896

Protanopia

#6A6A93

Deuteranopia

#676392

Tritanopia

#56908F

Achromatopsia

#7E7E7E

CSS Usage

background-color: #538896;
color: #538896;
border-color: #538896;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8F9
100
#E9F0F2
200
#D1E1E6
300
#B0CCD3
400
#85B1BC
500
#5B95A4
600
#497783
700
#3A5F69
800
#2D4A52
900
#24383D
950
#172327

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

5.33: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