#5B789B Color

Color Information

HEX#5B789B
RGB91, 120, 155
HSL213° , 26% , 48%
HSV213° , 41% , 61%
CMYK41%, 23%, 0%, 39%

Lighter Shades

#6F88A7 #8298B3 #96A9BF #AAB9CB #BDC9D7 #D1D9E3

Darker Shades

#506A88 #455B76 #3A4D63 #2F3E51 #24303E #19222B

Complementary Palette

#4E6785 #5B789B #846C4E #9A7E5B #A89072 #728BA9

Analogous Palette

#5F7F81 #688B8D #567192 #5B789B #6A688D #747297

Triadic Palette

#506A88 #5B789B #A64E76 #B16386 #76A64E #689245

Split Complementary Palette

#526C8C #5B789B #9A5E5B #A46E6B #979A5B #888B52

Square Palette

#4C6582 #5B789B #8E678C #8E7C67 #5B9A5E #75AA78

Tetradic Palette

#4B627F #5B789B #8045B0 #9A7E5B #75B045 #8EBE66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B789B contains 91 red, 120 green, and 155 blue.

Contrast Ratio: 4.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.65:1