#5A8FC6 Color

Color Information

HEX	#5A8FC6
RGB	90, 143, 198
HSL	211° , 49% , 56%
HSV	211° , 55% , 78%
CMYK	55%, 28%, 0%, 22%

Lighter Shades

#6E9CCD #82AAD4 #95B7DB #A9C5E1 #BDD2E8 #D1E0EF

Darker Shades

#4F7EAE #446D96 #3A5C7F #2F4A67 #24394F #192837

Complementary Palette

#4D7BAA #5A8FC6 #AA7D4C #C69158 #CEA06F #719FCE

Analogous Palette

#6B9D9E #6EAEAF #5586BA #5A8FC6 #6F6EAF #7B7AB8

Triadic Palette

#4F7EAE #5A8FC6 #D14D8D #D7629B #8DD14D #7CB844

Split Complementary Palette

#5181B2 #5A8FC6 #C65A58 #CC6B69 #C4C658 #B0B24F

Square Palette

#4C78A6 #5A8FC6 #BB63B9 #BB9063 #58C65A #73CF74

Tetradic Palette

#4A75A2 #5A8FC6 #9144DA #C69158 #8CDA44 #A1E166

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8FC6 contains 90 red, 143 green, and 198 blue.

Contrast Ratio: 3.35:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.26:1