#504362 Color

Color Information

HEX#504362
RGB80, 67, 98
HSL265° , 19% , 32%
HSV265° , 32% , 38%
CMYK18%, 32%, 0%, 62%

Lighter Shades

#655A75 #7A7088 #8F879B #A49DAD #B9B4C0 #CECAD3

Darker Shades

#463B56 #3D334A #332B3F #2A2333 #201B27 #16131B

Complementary Palette

#453A54 #504362 #485339 #546142 #6C775C #695D78

Analogous Palette

#3F4055 #45485E #4B3F5C #504362 #5C455E #6B506D

Triadic Palette

#463B56 #504362 #694E3A #7B6352 #3A694E #335C45

Split Complementary Palette

#483C58 #504362 #615F42 #716F55 #456142 #3E573B

Square Palette

#433852 #504362 #5E4548 #545E45 #42615F #607A79

Tetradic Palette

#423750 #504362 #703357 #546142 #33704D #588A6D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #504362 contains 80 red, 67 green, and 98 blue.

Contrast Ratio: 9.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.26:1