#537780

#537780

Color Values

HEX

#537780

RGB

83, 119, 128

HSL

192.0, 21.3%, 41.4%

HSV

192.0, 35.2%, 50.2%

CMYK

35.2%, 7.0%, 0.0%, 49.8%

OKLCH

0.5455 0.043 215.0

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#537780

#805C53

Analogous

#538073

#536180

#537780

Triadic

#537780

#805377

#778053

Split Complementary

#537780

#805361

#807353

Tetradic

#537780

#735380

#805C53

#618053

Color Blindness Simulation

Original

#537780

Protanopia

#63637E

Deuteranopia

#605E7D

Tritanopia

#557C7C

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E0E3
300
#B5CACF
400
#8DADB5
500
#64909B
600
#50737C
700
#405C63
800
#32484D
900
#27363A
950
#192224

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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