#341322 Color

#341322 is rgb(52, 19, 34) in RGB and hsl(333, 46%, 14%) in HSL. The closest CSS named color is Black. White text is most readable on this background.

#341322

HEX#341322

RGBrgb(52, 19, 34)

HSLhsl(333, 46%, 14%)

HSVhsv(333, 63%, 20%)

OKLCHoklch(24.3% 0.057 353.7)

CMYKcmyk(0%, 63%, 35%, 80%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#341322 Complementary#133425 Analogous#341332 Analogous#341513 Triadic#223413 Triadic#132234

Tints & Shades

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

Tints

#61243F #8D345C #BA457A #CB729A #DB9EBA #ECCBDA

Shades

#301220 #290F1B #250E18 #1E0B13 #1A0A11 #13070C

Use #341322 in Our Tools

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