#5A669D Color

Color Information

HEX	#5A669D
RGB	90, 102, 157
HSL	229° , 27% , 48%
HSV	229° , 43% , 62%
CMYK	43%, 35%, 0%, 38%

Lighter Shades

#6E78A9 #828BB5 #959DC0 #A9AFCC #BDC2D8 #D1D4E4

Darker Shades

#4F5A8A #444E77 #3A4164 #2F3552 #24293F #191D2C

Complementary Palette

#4D5887 #5A669D #857B4D #9B8F59 #A99F70 #717BAB

Analogous Palette

#5F7681 #68828D #556094 #5A669D #74688D #7E7297

Triadic Palette

#4F5A8A #5A669D #A84D5E #B26271 #5EA84D #539444

Split Complementary Palette

#515C8D #5A669D #9B6E59 #A57D6A #879B59 #7A8C50

Square Palette

#4C5684 #5A669D #8F6683 #8F8866 #599B6E #74AB85

Tetradic Palette

#4A5481 #5A669D #9D43B1 #9B8F59 #58B143 #76BF65

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A669D contains 90 red, 102 green, and 157 blue.

Contrast Ratio: 5.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.83:1