#528ADC Color

Color Information

HEX#528ADC
RGB82, 138, 220
HSL216° , 66% , 59%
HSV216° , 63% , 86%
CMYK63%, 37%, 0%, 14%

Lighter Shades

#6798E0 #7CA6E4 #90B4E9 #A5C2ED #BAD0F1 #CFDEF5

Darker Shades

#4879C2 #3E69A7 #34588D #2B4872 #213758 #17273E

Complementary Palette

#4777BD #528ADC #BC8D46 #DBA451 #E0B169 #6A9AE1

Analogous Palette

#62ABB2 #66BDC7 #4D82CF #528ADC #7066C7 #7A72CB

Triadic Palette

#4879C2 #528ADC #E64787 #E95D95 #87E647 #77CA3E

Split Complementary Palette

#4A7CC6 #528ADC #DB5F51 #DF6F62 #CEDB51 #B9C549

Square Palette

#4574B9 #528ADC #D15CC5 #D1A25C #51DB5F #6DE179

Tetradic Palette

#4371B4 #528ADC #A83FEE #DBA451 #85EE3F #9BF162

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #528ADC contains 82 red, 138 green, and 220 blue.

Contrast Ratio: 3.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.1:1