#7E778E Color

Color Information

HEX#7E778E
RGB126, 119, 142
HSL258° , 9% , 51%
HSV258° , 16% , 56%
CMYK11%, 16%, 0%, 44%

Lighter Shades

#8D879C #9D98A9 #ACA8B7 #BCB8C4 #CBC9D2 #DBD9DF

Darker Shades

#6F697D #605A6C #514C5B #423E4A #323039 #232128

Complementary Palette

#6C667A #7E778E #747966 #878D77 #989D8A #908A9E

Analogous Palette

#666C8A #6F7695 #767085 #7E778E #8E6F95 #977B9D

Triadic Palette

#6F697D #7E778E #9A796A #A6897C #6A9A79 #5D886A

Split Complementary Palette

#716B80 #7E778E #8D8977 #989585 #7B8D77 #6F7F6B

Square Palette

#6A6477 #7E778E #956F76 #8B956F #778D89 #8D9F9C

Tetradic Palette

#676274 #7E778E #A46092 #878D77 #60A476 #7DB48F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7E778E contains 126 red, 119 green, and 142 blue.

Contrast Ratio: 4.22:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.97:1