#5A86A8 Color

Color Information

HEX	#5A86A8
RGB	90, 134, 168
HSL	206° , 31% , 51%
HSV	206° , 46% , 66%
CMYK	46%, 20%, 0%, 34%

Lighter Shades

#6E95B2 #82A3BD #95B2C7 #A9C0D2 #BDCFDC #D1DDE7

Darker Shades

#4F7694 #446680 #3A566C #2F4657 #243643 #19262F

Complementary Palette

#4D7390 #5A86A8 #916C4E #A97D5B #B58F72 #7197B4

Analogous Palette

#668A88 #6F9592 #557E9E #5A86A8 #6F7295 #7B7D9D

Triadic Palette

#4F7694 #5A86A8 #B54F89 #BE6497 #89B54F #799F46

Split Complementary Palette

#517997 #5A86A8 #A95B60 #B26B70 #A9A45B #989452

Square Palette

#4C718D #5A86A8 #99689C #9C7F68 #60A95B #79B775

Tetradic Palette

#4A6E8A #5A86A8 #7A45BF #A97D5B #8ABF45 #9FCB66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A86A8 contains 90 red, 134 green, and 168 blue.

Contrast Ratio: 3.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.48:1