#504672 Color

Color Information

HEX	#504672
RGB	80, 70, 114
HSL	254° , 24% , 36%
HSV	254° , 39% , 45%
CMYK	30%, 39%, 0%, 55%

Lighter Shades

#655C83 #7A7294 #8F89A5 #A49FB6 #B9B5C7 #CECBD8

Darker Shades

#463E64 #3D3557 #332D49 #2A243B #201C2E #161420

Complementary Palette

#453C62 #504672 #59623C #687246 #7D8660 #696086

Analogous Palette

#484E61 #4E556A #4B426B #504672 #624E6A #705978

Triadic Palette

#463E64 #504672 #7B4B3D #8B6154 #3D7B4B #366C42

Split Complementary Palette

#483F67 #504672 #726646 #807559 #527246 #4A673F

Square Palette

#433B60 #504672 #6A4E55 #636A4E #467266 #64897E

Tetradic Palette

#42395D #504672 #823570 #687246 #358247 #599968

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504672 contains 80 red, 70 green, and 114 blue.

Contrast Ratio: 8.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.41:1