#7E86B2 Color

Color Information

HEX#7E86B2
RGB126, 134, 178
HSL231° , 25% , 60%
HSV231° , 29% , 70%
CMYK29%, 25%, 0%, 30%

Lighter Shades

#8D95BB #9DA3C4 #ACB2CE #BCC0D7 #CBCFE0 #DBDDE9

Darker Shades

#6F769D #606687 #515672 #42465D #323647 #232632

Complementary Palette

#6C7399 #7E86B2 #9A936E #B3AB80 #BEB792 #9097BD

Analogous Palette

#7B919D #8A9EA8 #767EA7 #7E86B2 #948AA8 #9C92AF

Triadic Palette

#6F769D #7E86B2 #BD757F #C5868E #7FBD75 #70A667

Split Complementary Palette

#7179A0 #7E86B2 #B39180 #BB9C8D #A1B380 #91A173

Square Palette

#6A7196 #7E86B2 #A88A9E #A8A48A #80B391 #94BFA3

Tetradic Palette

#676E92 #7E86B2 #B86DC5 #B3AB80 #79C56D #91CF87

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7E86B2 contains 126 red, 134 green, and 178 blue.

Contrast Ratio: 3.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.03:1