#7E89B3 Color

Color Information

HEX	#7E89B3
RGB	126, 137, 179
HSL	228° , 26% , 60%
HSV	228° , 30% , 70%
CMYK	30%, 23%, 0%, 30%

Lighter Shades

#8D97BC #9DA5C5 #ACB3CE #BCC2D7 #CBD0E1 #DBDEEA

Darker Shades

#6F799E #606888 #515873 #42475D #323748 #232632

Complementary Palette

#6C769A #7E89B3 #9B916C #B4A97E #BFB590 #909ABE

Analogous Palette

#7B939D #8A9FA8 #7681A8 #7E89B3 #938AA8 #9B92AF

Triadic Palette

#6F799E #7E89B3 #BE7483 #C68592 #83BE74 #73A766

Split Complementary Palette

#717BA1 #7E89B3 #B48E7E #BC998B #A4B47E #94A271

Square Palette

#6A7396 #7E89B3 #A989A0 #A9A389 #7EB48E #93C0A0

Tetradic Palette

#677093 #7E89B3 #B46CC6 #B4A97E #7EC66C #95D086

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7E89B3 contains 126 red, 137 green, and 179 blue.

Contrast Ratio: 3.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.21:1