#537184

#537184

Color Values

HEX

#537184

RGB

83, 113, 132

HSL

203.3, 22.8%, 42.2%

HSV

203.3, 37.1%, 51.8%

CMYK

37.1%, 14.4%, 0.0%, 48.2%

OKLCH

0.5327 0.0459 236.6

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#537184

#846653

Analogous

#53847F

#535984

#537184

Triadic

#537184

#845371

#718453

Split Complementary

#537184

#845359

#847F53

Tetradic

#537184

#7F5384

#846653

#598453

Color Blindness Simulation

Original

#537184

Protanopia

#60607F

Deuteranopia

#5E5C7E

Tritanopia

#547C7B

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DDE3
300
#B4C5D0
400
#8BA5B6
500
#62869D
600
#4F6B7D
700
#3F5664
800
#31434E
900
#27333A
950
#182025

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

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