#7E9180 Color

Color Information

HEX#7E9180
RGB126, 145, 128
HSL126° , 8% , 53%
HSV126° , 13% , 57%
CMYK13%, 0%, 12%, 43%

Lighter Shades

#8D9E8F #9DAB9E #ACB9AE #BCC6BD #CBD3CC #DBE0DB

Darker Shades

#6F8071 #606E61 #515D52 #424B43 #323A33 #232924

Complementary Palette

#6C7D6E #7E9180 #7D6C7B #917E8F #A0909F #90A092

Analogous Palette

#77906A #829975 #768878 #7E9180 #75998A #81A293

Triadic Palette

#6F8071 #7E9180 #74729D #8583A9 #9D7472 #8A6664

Split Complementary Palette

#718373 #7E9180 #897E91 #958B9C #917E85 #837178

Square Palette

#6A7A6C #7E9180 #758299 #997596 #91897E #A39C93

Tetradic Palette

#677769 #7E9180 #68A0A6 #917E8F #A66B68 #B68683

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7E9180 contains 126 red, 145 green, and 128 blue.

Contrast Ratio: 3.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.35:1