#878EC2 Color

Color Information

HEX#878EC2
RGB135, 142, 194
HSL233° , 33% , 65%
HSV233° , 30% , 76%
CMYK30%, 27%, 0%, 24%

Lighter Shades

#959CC9 #A4A9D1 #B2B7D8 #C1C4DF #CFD2E7 #DDDFEE

Darker Shades

#777DAB #676C93 #565B7C #464A65 #36394E #262836

Complementary Palette

#747AA7 #878EC2 #A8A275 #C3BC88 #CBC599 #989ECB

Analogous Palette

#8A9DA8 #98A9B3 #7F85B6 #878EC2 #A398B3 #ABA1BA

Triadic Palette

#777DAB #878EC2 #CC7F88 #D28E96 #88CC7F #78B470

Split Complementary Palette

#7A80AF #878EC2 #C39F88 #C9A994 #ADC388 #9CB07A

Square Palette

#7177A3 #878EC2 #BA91AB #BAB591 #88C39F #9BCDAE

Tetradic Palette

#6F749F #878EC2 #C978D3 #C3BC88 #83D378 #99DB90

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #878EC2 contains 135 red, 142 green, and 194 blue.

Contrast Ratio: 3.09:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.79:1