#7E8EA6 Color

Color Information

HEX#7E8EA6
RGB126, 142, 166
HSL216° , 18% , 57%
HSV216° , 24% , 65%
CMYK24%, 14%, 0%, 35%

Lighter Shades

#8D9CB1 #9DA9BB #ACB7C6 #BCC4D1 #CBD2DB #DBDFE6

Darker Shades

#6F7D92 #606C7E #515B6A #424A56 #323942 #23282E

Complementary Palette

#6C7A8F #7E8EA6 #8E806C #A5957E #B2A490 #909EB2

Analogous Palette

#759599 #819FA2 #76859C #7E8EA6 #8481A2 #8D8AA8

Triadic Palette

#6F7D92 #7E8EA6 #B0738A #B98498 #8AB073 #799B65

Split Complementary Palette

#718095 #7E8EA6 #A5827E #AE8F8B #A1A57E #919571

Square Palette

#6A778B #7E8EA6 #A2819F #A29481 #7EA582 #93B396

Tetradic Palette

#677488 #7E8EA6 #986AB9 #A5957E #88B96A #9DC685

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7E8EA6 contains 126 red, 142 green, and 166 blue.

Contrast Ratio: 3.28:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.41:1