#52A5BD Color

Color Information

HEX#52A5BD
RGB82, 165, 189
HSL193° , 45% , 53%
HSV193° , 57% , 74%
CMYK57%, 13%, 0%, 26%

Lighter Shades

#67B0C5 #7CBBCD #90C5D5 #A5D0DD #BADBE5 #CFE6ED

Darker Shades

#4891A6 #3E7D90 #346A79 #2B5662 #21424C #172E35

Complementary Palette

#478EA3 #52A5BD #A35A46 #BD6951 #C67E69 #6AB2C6

Analogous Palette

#649688 #69A594 #4D9BB2 #52A5BD #697AA5 #7685AD

Triadic Palette

#4891A6 #52A5BD #C945AD #CF5BB7 #ADC945 #98B13D

Split Complementary Palette

#4A95AA #52A5BD #BD5170 #C4627E #BD9F51 #AA8F49

Square Palette

#458B9F #52A5BD #995DB1 #B16F5D #70BD51 #87C86D

Tetradic Palette

#43879B #52A5BD #5C3CD3 #BD6951 #B2D33C #C0DB5F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #52A5BD contains 82 red, 165 green, and 189 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.59:1