#5AA8E1 Color

Color Information

HEX	#5AA8E1
RGB	90, 168, 225
HSL	205° , 69% , 62%
HSV	205° , 60% , 88%
CMYK	60%, 25%, 0%, 12%

Lighter Shades

#6EB2E5 #82BDE8 #95C7EC #A9D2EF #BDDCF3 #D1E7F7

Darker Shades

#4F94C6 #4480AB #3A6C90 #2F5775 #24435A #192F3F

Complementary Palette

#4D90C2 #5AA8E1 #C27E4E #E1935B #E5A272 #71B4E5

Analogous Palette

#6AB9B2 #6FCEC6 #559ED4 #5AA8E1 #6F77CE #7A81D1

Triadic Palette

#4F94C6 #5AA8E1 #EB52AB #ED67B5 #ABEB52 #96CF48

Split Complementary Palette

#5197CB #5AA8E1 #E15B66 #E46B75 #E1D65B #CBC152

Square Palette

#4C8DBD #5AA8E1 #CE65D7 #D79565 #66E15B #7EE675

Tetradic Palette

#4A8AB9 #5AA8E1 #904AF2 #E1935B #ACF24A #BBF46B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA8E1 contains 90 red, 168 green, and 225 blue.

Contrast Ratio: 2.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.24:1