#301325 Color

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

#301325

HEX#301325

RGBrgb(48, 19, 37)

HSLhsl(323, 43%, 13%)

HSVhsv(323, 60%, 19%)

OKLCHoklch(23.8% 0.054 344)

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

Text Contrast & Accessibility

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

TextWhite text16.86:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#301325 Complementary#132F1E Analogous#2C132F Analogous#2F1316 Triadic#242F13 Triadic#13242F

Tints & Shades

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

Tints

#5B2446 #873668 #B34789 #C874A8 #D9A0C3 #EBCCDF

Shades

#2C1122 #240F1C #210D19 #1D0C16 #1A0A14 #12070E

Use #301325 in Our Tools

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