#5B6180 Color

Color Information

HEX	#5B6180
RGB	91, 97, 128
HSL	230° , 17% , 43%
HSV	230° , 29% , 50%
CMYK	29%, 24%, 0%, 50%

Lighter Shades

#6F748F #82879E #969AAE #AAADBD #BDC0CC #D1D3DB

Darker Shades

#505571 #454A61 #3A3E52 #2F3243 #242733 #191B24

Complementary Palette

#4E536E #5B6180 #6E694E #807A5B #928D72 #727792

Analogous Palette

#576C75 #5D747E #565B78 #5B6180 #685D7E #71668A

Triadic Palette

#505571 #5B6180 #8B505A #99656E #5A8B50 #4F7A46

Split Complementary Palette

#525773 #5B6180 #80675B #8D766B #74805B #687352

Square Palette

#4C516C #5B6180 #7E5D74 #7E795D #5B8067 #75947F

Tetradic Palette

#4B5069 #5B6180 #874794 #807A5B #549447 #73A768

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B6180 contains 91 red, 97 green, and 128 blue.

Contrast Ratio: 6.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.46:1