#5B6599 Color

Color Information

HEX#5B6599
RGB91, 101, 153
HSL230° , 25% , 48%
HSV230° , 41% , 60%
CMYK41%, 34%, 0%, 40%

Lighter Shades

#6F77A5 #828AB1 #969CBE #AAAFCA #BDC1D6 #D1D4E2

Darker Shades

#505987 #454D74 #3A4162 #2F3550 #24283D #191C2B

Complementary Palette

#4E5784 #5B6599 #847B4F #998F5C #A79F73 #727BA7

Analogous Palette

#5F7681 #68818D #565F90 #5B6599 #74688D #7E7297

Triadic Palette

#505987 #5B6599 #A5505E #B06571 #5EA550 #539146

Split Complementary Palette

#525B8A #5B6599 #99705C #A37E6C #85995C #788A53

Square Palette

#4C5581 #5B6599 #8D6881 #8D8768 #5C9970 #76A987

Tetradic Palette

#4B537D #5B6599 #9D46AF #998F5C #57AF46 #75BD67

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B6599 contains 91 red, 101 green, and 153 blue.

Contrast Ratio: 5.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.77:1