#5AA0E4 Color

Color Information

HEX#5AA0E4
RGB90, 160, 228
HSL210° , 72% , 62%
HSV210° , 61% , 89%
CMYK61%, 30%, 0%, 11%

Lighter Shades

#6EABE7 #82B7EA #95C2EE #A9CEF1 #BDD9F4 #D1E4F7

Darker Shades

#4F8DC9 #447AAD #3A6692 #2F5377 #24405B #192D40

Complementary Palette

#4D8AC4 #5AA0E4 #C4884C #E49E58 #E8AC6F #71ADE8

Analogous Palette

#67BCBC #6CD0D0 #5596D6 #5AA0E4 #6C6CD0 #7777D4

Triadic Palette

#4F8DC9 #5AA0E4 #EE4F9E #F064AA #9EEE4F #8BD146

Split Complementary Palette

#5190CD #5AA0E4 #E45858 #E76969 #E4E458 #CDCD4F

Square Palette

#4C86C0 #5AA0E4 #DA62DA #DA9E62 #58E458 #73E873

Tetradic Palette

#4A83BB #5AA0E4 #9E47F5 #E49E58 #9EF547 #AFF768

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA0E4 contains 90 red, 160 green, and 228 blue.

Contrast Ratio: 2.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.69:1