#52A5BA Color

Color Information

HEX#52A5BA
RGB82, 165, 186
HSL192° , 43% , 53%
HSV192° , 56% , 73%
CMYK56%, 11%, 0%, 27%

Lighter Shades

#67B0C2 #7CBBCB #90C5D3 #A5D0DB #BADBE3 #CFE6EC

Darker Shades

#4891A4 #3E7D8D #346A77 #2B5661 #21424A #172E34

Complementary Palette

#478EA0 #52A5BA #A15948 #BB6854 #C57D6C #6AB2C4

Analogous Palette

#669386 #6CA392 #4D9BAF #52A5BA #6C7CA3 #7887AB

Triadic Palette

#4891A4 #52A5BA #C748AD #CE5EB7 #ADC748 #98AF3F

Split Complementary Palette

#4A95A7 #52A5BA #BB5473 #C26581 #BB9C54 #A88C4C

Square Palette

#458B9C #52A5BA #9760AF #AF6F60 #73BB54 #89C66F

Tetradic Palette

#438799 #52A5BA #5B3ED0 #BB6854 #B3D03E #C1D861

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #52A5BA contains 82 red, 165 green, and 186 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.56:1