#8796BF Color

Color Information

HEX#8796BF
RGB135, 150, 191
HSL224° , 30% , 64%
HSV224° , 29% , 75%
CMYK29%, 21%, 0%, 25%

Lighter Shades

#95A3C7 #A4AFCE #B2BCD6 #C1C8DE #CFD5E5 #DDE2ED

Darker Shades

#7784A8 #677291 #56607A #464E63 #363C4C #262A35

Complementary Palette

#7481A4 #8796BF #A49775 #BFB088 #C8BB99 #98A5C8

Analogous Palette

#879FA6 #95ABB1 #7F8DB4 #8796BF #9C95B1 #A49EB7

Triadic Palette

#7784A8 #8796BF #C87E91 #CF8D9E #91C87E #80B06F

Split Complementary Palette

#7A87AC #8796BF #BF9588 #C5A094 #B2BF88 #A0AC7A

Square Palette

#717EA0 #8796BF #B691AD #B6AC91 #88BF95 #9BC9A6

Tetradic Palette

#6F7B9D #8796BF #B877CF #BFB088 #8DCF77 #A2D88F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #8796BF contains 135 red, 150 green, and 191 blue.

Contrast Ratio: 2.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.27:1