#4D2344 Color

#4D2344 is rgb(77, 35, 68) in RGB and hsl(313, 37%, 22%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#4D2344

HEX#4D2344

RGBrgb(77, 35, 68)

HSLhsl(313, 37%, 22%)

HSVhsv(313, 55%, 30%)

OKLCHoklch(32.8% 0.079 336)

CMYKcmyk(0%, 55%, 12%, 70%)

Text Contrast & Accessibility

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

TextWhite text12.81:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#4D2344 Complementary#234D2C Analogous#41234D Analogous#4D232F Triadic#444D23 Triadic#23444D

Tints & Shades

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

Tints

#733566 #9A4788 #B762A4 #C785B8 #D8ABCF #EAD2E5

Shades

#421F3B #3B1B34 #31162B #2A1325 #1F0E1C #180B16

Use #4D2344 in Our Tools

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