#5B5694

#5B5694

Color Values

HEX

#5B5694

RGB

91, 86, 148

HSL

244.8, 26.5%, 45.9%

HSV

244.8, 41.9%, 58.0%

CMYK

38.5%, 41.9%, 0.0%, 42.0%

OKLCH

0.4863 0.0978 285.8

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#5B5694

#8F9456

Analogous

#567094

#7A5694

#5B5694

Triadic

#5B5694

#945B56

#56945B

Split Complementary

#5B5694

#947A56

#709456

Tetradic

#5B5694

#945670

#8F9456

#56947A

Color Blindness Simulation

Original

#5B5694

Protanopia

#595985

Deuteranopia

#595A81

Tritanopia

#5B7977

Achromatopsia

#5C5C5C

CSS Usage

background-color: #5B5694;
color: #5B5694;
border-color: #5B5694;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D3D2E5
300
#B4B2D2
400
#8C88BA
500
#635EA1
600
#4F4B81
700
#3F3C67
800
#322F51
900
#27253C
950
#181726

Contrast Checker

Text on white

6.56:1

AA Pass AAA Fail

Text on black

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