#5B6989 Color

Color Information

HEX#5B6989
RGB91, 105, 137
HSL222° , 20% , 45%
HSV222° , 34% , 54%
CMYK34%, 23%, 0%, 46%

Lighter Shades

#6F7B97 #828DA5 #969FB3 #AAB1C2 #BDC3D0 #D1D5DE

Darker Shades

#505C79 #455068 #3A4358 #2F3747 #242A37 #191D26

Complementary Palette

#4E5A76 #5B6989 #776B4F #8A7C5C #9A8E73 #727E9A

Analogous Palette

#5B757B #627D84 #566381 #5B6989 #686284 #716A90

Triadic Palette

#505C79 #5B6989 #955065 #A26577 #659550 #598346

Split Complementary Palette

#525F7B #5B6989 #8A655C #96746C #818A5C #747C53

Square Palette

#4C5873 #5B6989 #84627D #847A62 #5C8A65 #769D7E

Tetradic Palette

#4B5670 #5B6989 #84479E #8A7C5C #619E47 #7DAF68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B6989 contains 91 red, 105 green, and 137 blue.

Contrast Ratio: 5.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.84:1