#5B76A3 Color

Color Information

HEX#5B76A3
RGB91, 118, 163
HSL218° , 28% , 50%
HSV218° , 44% , 64%
CMYK44%, 28%, 0%, 36%

Lighter Shades

#6F86AE #8297B9 #96A7C4 #AAB8CF #BDC8DA #D1D9E5

Darker Shades

#50688F #455A7C #3A4C68 #2F3D55 #242F41 #19212E

Complementary Palette

#4E658C #5B76A3 #8C764F #A3895C #B09A73 #7289B0

Analogous Palette

#648387 #6C8E93 #566F99 #5B76A3 #716C93 #7C789B

Triadic Palette

#50688F #5B76A3 #B04F73 #B96484 #73B04F #659B46

Split Complementary Palette

#526A93 #5B76A3 #A3655C #AC746C #9AA35C #8B9353

Square Palette

#4C6389 #5B76A3 #966990 #968669 #5CA365 #76B27E

Tetradic Palette

#4B6186 #5B76A3 #8F45BA #A3895C #70BA45 #8AC666

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B76A3 contains 91 red, 118 green, and 163 blue.

Contrast Ratio: 4.56:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.61:1