#301326 Color

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

#301326

HEX#301326

RGBrgb(48, 19, 38)

HSLhsl(321, 43%, 13%)

HSVhsv(321, 60%, 19%)

OKLCHoklch(23.8% 0.055 342.2)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#301326 Complementary#132F1D Analogous#2B132F Analogous#2F1317 Triadic#252F13 Triadic#13252F

Tints & Shades

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

Tints

#5B2448 #87366B #B3478D #C874AB #D9A0C5 #EBCCE0

Shades

#2C1123 #240F1D #210D1A #1D0C17 #1A0A14 #12070E

Use #301326 in Our Tools

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