#502F46 Color

Color Information

HEX#502F46
RGB80, 47, 70
HSL318° , 26% , 25%
HSV318° , 41% , 31%
CMYK0%, 41%, 13%, 69%

Lighter Shades

#65485C #7A6172 #8F7A89 #A4939F #B9ACB5 #CEC5CB

Darker Shades

#46293E #3D2435 #331E2D #2A1824 #20131C #160D14

Complementary Palette

#45283C #502F46 #284531 #2F5039 #4C6955 #694C60

Analogous Palette

#403243 #463649 #4B2C42 #502F46 #49363A #5B4348

Triadic Palette

#46293E #502F46 #495729 #5F6B43 #294957 #24404D

Split Complementary Palette

#482A3F #502F46 #36502F #4A6244 #2F504A #2A4843

Square Palette

#43273B #502F46 #4A4636 #364A3C #2F3650 #50566C

Tetradic Palette

#422739 #502F46 #5C3524 #2F5039 #244B5C #4B6B79

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #502F46 contains 80 red, 47 green, and 70 blue.

Contrast Ratio: 11.92:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.76:1