#7DAADC Color

Color Information

HEX	#7DAADC
RGB	125, 170, 220
HSL	212° , 58% , 68%
HSV	212° , 43% , 86%
CMYK	43%, 23%, 0%, 14%

Lighter Shades

#8DB4E0 #9CBEE4 #ACC9E9 #BBD3ED #CBDDF1 #DBE7F5

Darker Shades

#6E96C2 #5F81A7 #506D8D #415872 #324458 #23303E

Complementary Palette

#6C92BD #7DAADC #BE986C #DDB17E #E2BC90 #8FB6E1

Analogous Palette

#88B8B9 #8ECACC #76A0CF #7DAADC #908ECC #9A98D2

Triadic Palette

#6E96C2 #7DAADC #E576AA #E886B4 #AAE576 #96CA68

Split Complementary Palette

#7199C6 #7DAADC #DD817E #E08E8B #DADD7E #C4C771

Square Palette

#698FB9 #7DAADC #D586D2 #D5B086 #7EDD81 #93E295

Tetradic Palette

#678BB4 #7DAADC #B26FEB #DDB17E #A9EB6F #B8EF89

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7DAADC contains 125 red, 170 green, and 220 blue.

Contrast Ratio: 2.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.79:1