#7EAAED Color

Color Information

HEX	#7EAAED
RGB	126, 170, 237
HSL	216° , 76% , 71%
HSV	216° , 47% , 93%
CMYK	47%, 28%, 0%, 7%

Lighter Shades

#8DB4EF #9DBEF1 #ACC9F3 #BCD3F6 #CBDDF8 #DBE7FA

Darker Shades

#6F96D1 #6081B4 #516D98 #42587B #32445F #233042

Complementary Palette

#6C92CC #7EAAED #CCA56C #EDC07D #F0C98F #90B6F0

Analogous Palette

#84C1C8 #8CD6DE #76A0DF #7EAAED #948CDE #9C94E0

Triadic Palette

#6F96D1 #7EAAED #F575A8 #F686B2 #A8F575 #94D867

Split Complementary Palette

#7199D5 #7EAAED #ED887D #EF948A #E2ED7D #CBD571

Square Palette

#6A8FC7 #7EAAED #E684DC #E6BF84 #7DED88 #92F09B

Tetradic Palette

#678BC2 #7EAAED #C370FB #EDC07D #A7FB70 #B7FC8A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EAAED contains 126 red, 170 green, and 237 blue.

Contrast Ratio: 2.34:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.99:1