#5B849E Color

Color Information

HEX#5B849E
RGB91, 132, 158
HSL203° , 27% , 49%
HSV203° , 42% , 62%
CMYK42%, 16%, 0%, 38%

Lighter Shades

#6F93AA #82A2B5 #96B0C1 #AABFCD #BDCED8 #D1DDE4

Darker Shades

#50748B #456478 #3A5465 #2F4552 #24353F #19252C

Complementary Palette

#4E7288 #5B849E #89654E #9F755B #AC8872 #7295AC

Analogous Palette

#628480 #6A908B #567C95 #5B849E #6A6F90 #757999

Triadic Palette

#50748B #5B849E #AB4F88 #B56496 #88AB4F #789646

Split Complementary Palette

#52778E #5B849E #9F5B63 #A96B73 #9F975B #8F8852

Square Palette

#4C6F85 #5B849E #8D6892 #927868 #639F5B #7CAE75

Tetradic Palette

#4B6C82 #5B849E #7045B5 #9F755B #8AB545 #9FC266

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B849E contains 91 red, 132 green, and 158 blue.

Contrast Ratio: 3.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.3:1