#52A5CC Color

Color Information

HEX#52A5CC
RGB82, 165, 204
HSL199° , 54% , 56%
HSV199° , 60% , 80%
CMYK60%, 19%, 0%, 20%

Lighter Shades

#67B0D2 #7CBBD8 #90C5DE #A5D0E4 #BADBEB #CFE6F1

Darker Shades

#4891B4 #3E7D9B #346A83 #2B566A #214252 #172E39

Complementary Palette

#478EAF #52A5CC #AF6847 #CB7952 #D28C6A #6AB2D3

Analogous Palette

#63A196 #69B5A7 #4D9BC0 #52A5CC #6977B5 #7380BA

Triadic Palette

#4891B4 #52A5CC #D747A9 #DC5DB3 #A9D747 #95BD3E

Split Complementary Palette

#4A95B8 #52A5CC #CB5268 #D06377 #CBB552 #B7A34A

Square Palette

#458BAB #52A5CC #AE5DC0 #C07D5D #68CB52 #80D36E

Tetradic Palette

#4387A7 #52A5CC #713EE0 #CB7952 #ACE03E #BBE661

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #52A5CC contains 82 red, 165 green, and 204 blue.

Contrast Ratio: 2.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.72:1