#3D302E Color

#3D302E is rgb(61, 48, 46) in RGB and hsl(8, 14%, 21%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#3D302E

HEX#3D302E

RGBrgb(61, 48, 46)

HSLhsl(8, 14%, 21%)

HSVhsv(8, 25%, 24%)

OKLCHoklch(32.3% 0.019 28.4)

CMYKcmyk(0%, 21%, 25%, 76%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3D302E Complementary#2E3B3D Analogous#3D2E34 Analogous#3D382E Triadic#2E3D30 Triadic#302E3D

Tints & Shades

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

Tints

#5D4946 #7D625E #9A7E79 #B29D99 #CABCB9 #E2DAD9

Shades

#372B2A #2F2523 #29201F #201918 #1A1514 #110E0D

Use #3D302E in Our Tools

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