#57536C

#57536C

Color Values

HEX

#57536C

RGB

87, 83, 108

HSL

249.6, 13.1%, 37.5%

HSV

249.6, 23.1%, 42.4%

CMYK

19.4%, 23.1%, 0.0%, 57.6%

OKLCH

0.4558 0.0406 292.0

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#57536C

#686C53

Analogous

#535C6C

#64536C

#57536C

Triadic

#57536C

#6C5753

#536C57

Split Complementary

#57536C

#6C6453

#5C6C53

Tetradic

#57536C

#6C535C

#686C53

#536C64

Color Blindness Simulation

Original

#57536C

Protanopia

#555566

Deuteranopia

#565664

Tritanopia

#576160

Achromatopsia

#565656

CSS Usage

background-color: #57536C;
color: #57536C;
border-color: #57536C;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#D8D7E0
300
#BCBACA
400
#9894AD
500
#746F90
600
#5D5973
700
#4A475C
800
#3A3748
900
#2D2B36
950
#1C1B22

Contrast Checker

Text on white

7.34:1

AA Pass AAA Pass

Text on black

2.86:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026