#537C85

#537C85

Color Values

HEX

#537C85

RGB

83, 124, 133

HSL

190.8, 23.1%, 42.4%

HSV

190.8, 37.6%, 52.2%

CMYK

37.6%, 6.8%, 0.0%, 47.8%

OKLCH

0.5595 0.0475 212.9

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#537C85

#855C53

Analogous

#538575

#536385

#537C85

Triadic

#537C85

#85537C

#7C8553

Split Complementary

#537C85

#855363

#857553

Tetradic

#537C85

#755385

#855C53

#638553

Color Blindness Simulation

Original

#537C85

Protanopia

#656583

Deuteranopia

#625F82

Tritanopia

#558181

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF1
200
#D3E1E4
300
#B4CBD0
400
#8BAFB6
500
#62929D
600
#4E757E
700
#3F5E64
800
#31494E
900
#26373B
950
#182325

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

4.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