#5B6584 Color

Color Information

HEX#5B6584
RGB91, 101, 132
HSL225° , 18% , 44%
HSV225° , 31% , 52%
CMYK31%, 23%, 0%, 48%

Lighter Shades

#6F7793 #828AA2 #969CB0 #AAAFBF #BDC1CE #D1D4DD

Darker Shades

#505974 #454D64 #3A4154 #2F3545 #242835 #191C25

Complementary Palette

#4E5772 #5B6584 #72694F #847A5C #958D73 #727B95

Analogous Palette

#576E75 #5F7981 #565F7C #5B6584 #685F81 #71688D

Triadic Palette

#505974 #5B6584 #905160 #9D6673 #609051 #547F47

Split Complementary Palette

#525B77 #5B6584 #84665C #90756C #7A845C #6E7753

Square Palette

#4C556F #5B6584 #815F79 #81795F #5C8466 #76987E

Tetradic Palette

#4B536C #5B6584 #844899 #847A5C #5C9948 #79AB69

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B6584 contains 91 red, 101 green, and 132 blue.

Contrast Ratio: 5.76:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 3.64:1