#7EA9E2 Color

Color Information

HEX	#7EA9E2
RGB	126, 169, 226
HSL	214° , 63% , 69%
HSV	214° , 44% , 89%
CMYK	44%, 25%, 0%, 11%

Lighter Shades

#8DB3E5 #9DBEE9 #ACC8EC #BCD2F0 #CBDDF3 #DBE7F7

Darker Shades

#6F95C7 #6080AC #516C91 #425876 #32445A #232F3F

Complementary Palette

#6C91C2 #7EA9E2 #C29D6C #E2B77E #E6C190 #90B5E6

Analogous Palette

#89B9BE #8ECDD2 #769FD4 #7EA9E2 #928ED2 #9B95D5

Triadic Palette

#6F95C7 #7EA9E2 #EA76A8 #ED86B2 #A8EA76 #94CE68

Split Complementary Palette

#7198CB #7EA9E2 #E2857E #E5918B #DBE27E #C5CB71

Square Palette

#6A8EBE #7EA9E2 #DA86D4 #DAB686 #7EE285 #93E799

Tetradic Palette

#678BB9 #7EA9E2 #B870F0 #E2B77E #A7F070 #B7F38A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EA9E2 contains 126 red, 169 green, and 226 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.8:1