#5AAED0 Color

Color Information

HEX#5AAED0
RGB90, 174, 208
HSL197° , 56% , 58%
HSV197° , 57% , 82%
CMYK57%, 16%, 0%, 18%

Lighter Shades

#6EB8D6 #82C1DB #95CBE1 #A9D5E7 #BDDFEC #D1E8F2

Darker Shades

#4F99B7 #44849E #3A6F85 #2F5A6C #244653 #19313A

Complementary Palette

#4D96B3 #5AAED0 #B3694C #D07A58 #D78D6F #71B9D7

Analogous Palette

#68A699 #6DBAAA #55A4C4 #5AAED0 #6D7EBA #7887BF

Triadic Palette

#4F99B7 #5AAED0 #DB4DB3 #DF62BC #B3DB4D #9EC144

Split Complementary Palette

#519DBB #5AAED0 #D05872 #D56980 #D0B658 #BBA44F

Square Palette

#4C92AF #5AAED0 #B063C5 #C57F63 #72D058 #89D873

Tetradic Palette

#4A8FAB #5AAED0 #7245E3 #D07A58 #B6E345 #C3E866

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AAED0 contains 90 red, 174 green, and 208 blue.

Contrast Ratio: 2.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.52:1