#301315 Color

#301315 is rgb(48, 19, 21) in RGB and hsl(356, 43%, 13%) in HSL. The closest CSS named color is Black. White text is most readable on this background.

#301315

HEX#301315

RGBrgb(48, 19, 21)

HSLhsl(356, 43%, 13%)

HSVhsv(356, 60%, 19%)

OKLCHoklch(23.1% 0.047 17.2)

CMYKcmyk(0%, 60%, 56%, 81%)

Text Contrast & Accessibility

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

TextWhite text17.08:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#301315 Complementary#132F2E Analogous#2F1323 Analogous#2F1F13 Triadic#152F13 Triadic#13152F

Tints & Shades

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

Tints

#5B2428 #87363B #B3474E #C8747A #D9A0A4 #EBCCCE

Shades

#2C1113 #240F10 #210D0E #1D0C0D #1A0A0B #120708

Use #301315 in Our Tools

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