#535781

#535781

Color Values

HEX

#535781

RGB

83, 87, 129

HSL

234.8, 21.7%, 41.6%

HSV

234.8, 35.7%, 50.6%

CMYK

35.7%, 32.6%, 0.0%, 49.4%

OKLCH

0.4713 0.068 279.3

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#535781

#817D53

Analogous

#536E81

#665381

#535781

Triadic

#535781

#815357

#578153

Split Complementary

#535781

#816653

#6E8153

Tetradic

#535781

#81536E

#817D53

#538166

Color Blindness Simulation

Original

#535781

Protanopia

#555577

Deuteranopia

#545474

Tritanopia

#536F6D

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D5E3
300
#B5B7CF
400
#8C90B5
500
#64699B
600
#50547C
700
#404363
800
#32344E
900
#27293A
950
#191A25

Contrast Checker

Text on white

6.89:1

AA Pass AAA Fail

Text on black

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