#82A6CC Color

Color Information

HEX#82A6CC
RGB130, 166, 204
HSL211° , 42% , 65%
HSV211° , 36% , 80%
CMYK36%, 19%, 0%, 20%

Lighter Shades

#91B1D2 #A0BBD8 #AFC6DE #BED1E4 #CDDBEB #DCE6F1

Darker Shades

#7292B4 #637E9B #536A83 #44566A #344252 #242E39

Complementary Palette

#708FAF #82A6CC #AF906E #CBA780 #D2B392 #94B2D3

Analogous Palette

#8AA8A8 #92B9B9 #7A9CC0 #82A6CC #9392B9 #9D9BBF

Triadic Palette

#7292B4 #82A6CC #D477A6 #D987B1 #A6D477 #92BB69

Split Complementary Palette

#7595B8 #82A6CC #CB8280 #D08F8D #CACB80 #B6B773

Square Palette

#6D8BAB #82A6CC #C289C1 #C2A789 #80CB82 #94D396

Tetradic Palette

#6B88A7 #82A6CC #A870DB #CBA780 #A6DB70 #B6E18A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #82A6CC contains 130 red, 166 green, and 204 blue.

Contrast Ratio: 2.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.41:1