#501630 Color

#501630 is rgb(80, 22, 48) in RGB and hsl(333, 57%, 20%) in HSL. The closest CSS named color is Maroon. White text is most readable on this background.

#501630

HEX#501630

RGBrgb(80, 22, 48)

HSLhsl(333, 57%, 20%)

HSVhsv(333, 73%, 31%)

OKLCHoklch(30.4% 0.091 356.3)

CMYKcmyk(0%, 72%, 40%, 69%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #501630 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text14.01:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.5:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

Colors that pair well with #501630 based on color wheel relationships. Click any swatch for its full breakdown.

Base#501630 Complementary#165036 Analogous#50164D Analogous#501916 Triadic#305016 Triadic#163050

Tints & Shades

Lighter tints and darker shades of #501630, useful for hover states, backgrounds, and text variants.

Tints

#7C224B #A82E65 #CB4380 #D973A1 #E59FBE #F1CBDC

Shades

#48142B #3C1024 #340E1F #2C0C1A #240A16 #18070E

Use #501630 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex