#5F89B3

#5F89B3

Color Values

HEX

#5F89B3

RGB

95, 137, 179

HSL

210.0, 35.6%, 53.7%

HSV

210.0, 46.9%, 70.2%

CMYK

46.9%, 23.5%, 0.0%, 29.8%

OKLCH

0.6163 0.0792 249.2

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5F89B3

#B3895F

Analogous

#5FB3B3

#5F5FB3

#5F89B3

Triadic

#5F89B3

#B35F89

#89B35F

Split Complementary

#5F89B3

#B35F5F

#B3B35F

Tetradic

#5F89B3

#B35FB3

#B3895F

#5FB35F

Color Blindness Simulation

Original

#5F89B3

Protanopia

#7172A9

Deuteranopia

#6F6CA6

Tritanopia

#61A19F

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CFDBE8
300
#ACC2D8
400
#7FA1C2
500
#5280AD
600
#42668A
700
#35526F
800
#294056
900
#213040
950
#151F28

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

5.72:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026