#5B84A4

#5B84A4

Color Values

HEX

#5B84A4

RGB

91, 132, 164

HSL

206.3, 28.6%, 50.0%

HSV

206.3, 44.5%, 64.3%

CMYK

44.5%, 19.5%, 0.0%, 35.7%

OKLCH

0.5958 0.067 242.7

Properties

Cool Light Nearest: skyblue 4

Color Harmonies

Complementary

#5B84A4

#A47B5B

Analogous

#5BA49F

#5B60A4

#5B84A4

Triadic

#5B84A4

#A45B84

#84A45B

Split Complementary

#5B84A4

#A45B60

#A49F5B

Tetradic

#5B84A4

#9F5BA4

#A47B5B

#60A45B

Color Blindness Simulation

Original

#5B84A4

Protanopia

#6D6D9C

Deuteranopia

#6A679A

Tritanopia

#5D9695

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EEF1
200
#D1DDE6
300
#B0C4D3
400
#86A4BC
500
#5B84A4
600
#496A83
700
#3A5469
800
#2E4252
900
#24323D
950
#172026

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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