#5A6695 Color

Color Information

HEX	#5A6695
RGB	90, 102, 149
HSL	228° , 25% , 47%
HSV	228° , 40% , 58%
CMYK	40%, 32%, 0%, 42%

Lighter Shades

#6E78A2 #828BAE #959DBB #A9AFC8 #BDC2D5 #D1D4E1

Darker Shades

#4F5A83 #444E71 #3A415F #2F354D #24293C #191D2A

Complementary Palette

#4D5880 #5A6695 #81774D #968A5A #A59A71 #717BA4

Analogous Palette

#5D747E #667F8A #55608C #5A6695 #71668A #7B6F95

Triadic Palette

#4F5A83 #5A6695 #A24E5F #AD6372 #5FA24E #548F45

Split Complementary Palette

#515C86 #5A6695 #966C5A #A17B6B #84965A #778751

Square Palette

#4C567D #5A6695 #8A667F #8A8366 #5A966C #74A784

Tetradic Palette

#4A547A #5A6695 #9744AB #968A5A #59AB44 #77BA66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6695 contains 90 red, 102 green, and 149 blue.

Contrast Ratio: 5.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.78:1