#5AAADD Color

Color Information

HEX#5AAADD
RGB90, 170, 221
HSL203° , 66% , 61%
HSV203° , 59% , 87%
CMYK59%, 23%, 0%, 13%

Lighter Shades

#6EB4E1 #82BEE5 #95C9E9 #A9D3ED #BDDDF1 #D1E7F5

Darker Shades

#4F96C2 #4481A8 #3A6D8D #2F5873 #244458 #19303E

Complementary Palette

#4D92BE #5AAADD #BE784D #DD8C5A #E29C71 #71B6E2

Analogous Palette

#69B5AD #6EC9BF #55A0D0 #5AAADD #6E78C9 #7983CD

Triadic Palette

#4F96C2 #5AAADD #E750AD #EA65B7 #ADE750 #98CB46

Split Complementary Palette

#5199C7 #5AAADD #DD5A69 #E06B78 #DDCE5A #C7B951

Square Palette

#4C8FBA #5AAADD #C664D3 #D38F64 #69DD5A #81E274

Tetradic Palette

#4A8BB5 #5AAADD #8848EF #DD8C5A #AFEF48 #BDF269

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AAADD contains 90 red, 170 green, and 221 blue.

Contrast Ratio: 2.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.35:1