#8796F2 Color

Color Information

HEX#8796F2
RGB135, 150, 242
HSL232° , 80% , 74%
HSV232° , 44% , 95%
CMYK44%, 38%, 0%, 5%

Lighter Shades

#95A3F4 #A4AFF5 #B2BCF7 #C1C8F8 #CFD5FA #DDE2FB

Darker Shades

#7784D5 #6772B8 #56609B #464E7E #363C61 #262A44

Complementary Palette

#7481D0 #8796F2 #D0C475 #F2E488 #F4E899 #98A5F4

Analogous Palette

#8DB6CE #95C7E4 #7F8DE3 #8796F2 #B295E4 #B89DE7

Triadic Palette

#7784D5 #8796F2 #F88191 #F9909E #91F881 #80DA72

Split Complementary Palette

#7A87DA #8796F2 #F2AF88 #F3B794 #CBF288 #B7DA7A

Square Palette

#717ECB #8796F2 #EB8EC9 #EBDF8E #88F2AF #9BF4BC

Tetradic Palette

#6F7BC6 #8796F2 #EC7CFE #F2E488 #8DFE7C #A2FE94

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #8796F2 contains 135 red, 150 green, and 242 blue.

Contrast Ratio: 2.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.79:1