#537882

#537882

Color Values

HEX

#537882

RGB

83, 120, 130

HSL

192.8, 22.1%, 41.8%

HSV

192.8, 36.2%, 51.0%

CMYK

36.2%, 7.7%, 0.0%, 49.0%

OKLCH

0.5487 0.0444 216.4

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#537882

#825D53

Analogous

#538275

#536182

#537882

Triadic

#537882

#825378

#788253

Split Complementary

#537882

#825361

#827553

Tetradic

#537882

#755382

#825D53

#618253

Color Blindness Simulation

Original

#537882

Protanopia

#636380

Deuteranopia

#615E7F

Tritanopia

#557E7D

Achromatopsia

#717171

CSS Usage

background-color: #537882;
color: #537882;
border-color: #537882;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F9
100
#EAEFF1
200
#D3E0E3
300
#B4CACF
400
#8CADB6
500
#63909C
600
#4F737D
700
#405C64
800
#32484E
900
#27363A
950
#192225

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail 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