#8EAAF6 Color

Color Information

HEX	#8EAAF6
RGB	142, 170, 246
HSL	224° , 85% , 76%
HSV	224° , 42% , 96%
CMYK	42%, 31%, 0%, 4%

Lighter Shades

#9CB4F7 #A9BEF8 #B7C9F9 #C4D3FA #D2DDFB #DFE7FC

Darker Shades

#7D96D8 #6C81BB #5B6D9D #4A5880 #394462 #283045

Complementary Palette

#7A92D4 #8EAAF6 #D4BB7A #F6DA8E #F7DF9E #9EB6F7

Analogous Palette

#92C4D3 #9AD7EA #85A0E7 #8EAAF6 #AD9AEA #B3A2EC

Triadic Palette

#7D96D8 #8EAAF6 #FC88A7 #FC96B2 #A7FC88 #93DE78

Split Complementary Palette

#8099DD #8EAAF6 #F6A68E #F7AF99 #DEF68E #C8DD80

Square Palette

#778FCF #8EAAF6 #F094DA #F0D794 #8EF6A6 #A0F7B4

Tetradic Palette

#748BCA #8EAAF6 #DE85FF #F6DA8E #A5FF85 #B5FF9B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #8EAAF6 contains 142 red, 170 green, and 246 blue.

Contrast Ratio: 2.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.37:1