#7E84A9 Color

Color Information

HEX#7E84A9
RGB126, 132, 169
HSL232° , 20% , 58%
HSV232° , 25% , 66%
CMYK25%, 22%, 0%, 34%

Lighter Shades

#8D93B3 #9DA2BE #ACB0C8 #BCBFD2 #CBCEDD #DBDDE7

Darker Shades

#6F7495 #606480 #51546C #424558 #323544 #23252F

Complementary Palette

#6C7291 #7E84A9 #918D6C #A9A47E #B5B190 #9095B5

Analogous Palette

#758D99 #8499A4 #767C9F #7E84A9 #9084A4 #988DAA

Triadic Palette

#6F7495 #7E84A9 #B4747C #BD858C #7CB474 #6D9E66

Split Complementary Palette

#717798 #7E84A9 #A98E7E #B2998B #9AA97E #8B9871

Square Palette

#6A6F8E #7E84A9 #A48499 #A4A084 #7EA98E #93B7A0

Tetradic Palette

#676C8B #7E84A9 #B36BBD #A9A47E #76BD6B #8FC986

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7E84A9 contains 126 red, 132 green, and 169 blue.

Contrast Ratio: 3.59:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.85:1