#7EAADC Color

Color Information

HEX#7EAADC
RGB126, 170, 220
HSL212° , 57% , 68%
HSV212° , 43% , 86%
CMYK43%, 23%, 0%, 14%

Lighter Shades

#8DB4E0 #9DBEE4 #ACC9E9 #BCD3ED #CBDDF1 #DBE7F5

Darker Shades

#6F96C2 #6081A7 #516D8D #425872 #324458 #23303E

Complementary Palette

#6C92BD #7EAADC #BD986D #DCB17F #E1BC91 #90B6E1

Analogous Palette

#89B7B8 #8FCACC #76A0CF #7EAADC #918FCC #9C9AD0

Triadic Palette

#6F96C2 #7EAADC #E477AA #E787B4 #AAE477 #96C969

Split Complementary Palette

#7199C6 #7EAADC #DC827F #E08F8C #D9DC7F #C3C672

Square Palette

#6A8FB9 #7EAADC #D487D1 #D4B087 #7FDC82 #93E296

Tetradic Palette

#678BB4 #7EAADC #B170EB #DCB17F #A9EB70 #B8EF8A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EAADC contains 126 red, 170 green, and 220 blue.

Contrast Ratio: 2.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.81:1