#52AAE5 Color

Color Information

HEX#52AAE5
RGB82, 170, 229
HSL204° , 74% , 61%
HSV204° , 64% , 90%
CMYK64%, 26%, 0%, 10%

Lighter Shades

#67B4E8 #7CBEEB #90C9EE #A5D3F1 #BADDF5 #CFE7F8

Darker Shades

#4896CA #3E81AE #346D93 #2B5877 #21445C #173040

Complementary Palette

#4792C5 #52AAE5 #C57947 #E58D52 #E99D6A #6AB6E9

Analogous Palette

#61BDB4 #66D1C7 #4DA0D7 #52AAE5 #6671D1 #727CD5

Triadic Palette

#4896CA #52AAE5 #EF48AC #F15EB6 #ACEF48 #97D23F

Split Complementary Palette

#4A99CE #52AAE5 #E55261 #E86371 #E5D652 #CEC14A

Square Palette

#458FC0 #52AAE5 #CE5CDB #DB8F5C #61E552 #7AE96E

Tetradic Palette

#438BBC #52AAE5 #8940F7 #E58D52 #AEF740 #BDF862

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #52AAE5 contains 82 red, 170 green, and 229 blue.

Contrast Ratio: 2.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.35:1