#537085

#537085

Color Values

HEX

#537085

RGB

83, 112, 133

HSL

205.2, 23.1%, 42.4%

HSV

205.2, 37.6%, 52.2%

CMYK

37.6%, 15.8%, 0.0%, 47.8%

OKLCH

0.5307 0.0473 240.2

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#537085

#856853

Analogous

#538581

#535785

#537085

Triadic

#537085

#855370

#708553

Split Complementary

#537085

#855357

#858153

Tetradic

#537085

#815385

#856853

#578553

Color Blindness Simulation

Original

#537085

Protanopia

#606080

Deuteranopia

#5E5C7F

Tritanopia

#547C7B

Achromatopsia

#6B6B6B

CSS Usage

background-color: #537085;
color: #537085;
border-color: #537085;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DDE4
300
#B4C4D0
400
#8BA4B6
500
#62849D
600
#4E6A7E
700
#3F5564
800
#31424E
900
#26323B
950
#182025

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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