#7EA7DF Color

Color Information

HEX#7EA7DF
RGB126, 167, 223
HSL215° , 60% , 68%
HSV215° , 43% , 87%
CMYK43%, 25%, 0%, 13%

Lighter Shades

#8DB2E3 #9DBCE7 #ACC7EB #BCD1EE #CBDCF2 #DBE6F6

Darker Shades

#6F93C4 #607FA9 #516B8F #425774 #324359 #232F3E

Complementary Palette

#6C90C0 #7EA7DF #BF9D6B #DEB67C #E3C08E #90B3E3

Analogous Palette

#84B4B8 #8DC9CE #769DD2 #7EA7DF #938DCE #9A94D1

Triadic Palette

#6F93C4 #7EA7DF #E774A4 #EA85AF #A4E774 #90CB66

Split Complementary Palette

#7196C9 #7EA7DF #DE857C #E19189 #D6DE7C #C1C870

Square Palette

#6A8CBB #7EA7DF #D685CF #D6B685 #7CDE85 #91E399

Tetradic Palette

#6789B7 #7EA7DF #BA6EED #DEB67C #A3ED6E #B4F088

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EA7DF contains 126 red, 167 green, and 223 blue.

Contrast Ratio: 2.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.61:1