#7976A0 Color

Color Information

HEX	#7976A0
RGB	121, 118, 160
HSL	244° , 18% , 55%
HSV	244° , 26% , 63%
CMYK	24%, 26%, 0%, 37%

Lighter Shades

#8986AB #9997B7 #A9A7C2 #B9B8CE #C9C8D9 #D9D9E4

Darker Shades

#6A688D #5C5A7A #4D4C66 #3F3D53 #302F40 #22212D

Complementary Palette

#68658A #7976A0 #888A67 #9EA178 #ACAE8B #8C89AD

Analogous Palette

#6F7F95 #7B899D #726F96 #7976A0 #8F7B9D #9887A6

Triadic Palette

#6A688D #7976A0 #AC6F6C #B6807E #6CAC6F #5F9762

Split Complementary Palette

#6D6A90 #7976A0 #A18F78 #AA9A86 #89A178 #7B916C

Square Palette

#666386 #7976A0 #9D7B89 #9B9D7B #78A18F #8EB0A1

Tetradic Palette

#636183 #7976A0 #B663B0 #9EA178 #63B667 #7FC382

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7976A0 contains 121 red, 118 green, and 160 blue.

Contrast Ratio: 4.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.97:1