#5B6879

#5B6879

Color Values

HEX

#5B6879

RGB

91, 104, 121

HSL

214.0, 14.2%, 41.6%

HSV

214.0, 24.8%, 47.5%

CMYK

24.8%, 14.0%, 0.0%, 52.5%

OKLCH

0.5126 0.0314 255.2

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#5B6879

#796C5B

Analogous

#5B7779

#5D5B79

#5B6879

Triadic

#5B6879

#795B68

#68795B

Split Complementary

#5B6879

#795D5B

#77795B

Tetradic

#5B6879

#795B77

#796C5B

#5B795D

Color Blindness Simulation

Original

#5B6879

Protanopia

#616175

Deuteranopia

#605F74

Tritanopia

#5C7271

Achromatopsia

#666666

CSS Usage

background-color: #5B6879;
color: #5B6879;
border-color: #5B6879;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DBE0
300
#B9C1CA
400
#939FAE
500
#6D7D92
600
#586474
700
#46505D
800
#373F49
900
#2A3037
950
#1B1E23

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

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