#310D12 Color

#310D12 is rgb(49, 13, 18) in RGB and hsl(352, 58%, 12%) in HSL. The closest CSS named color is Black. White text is most readable on this background.

#310D12

HEX#310D12

RGBrgb(49, 13, 18)

HSLhsl(352, 58%, 12%)

HSVhsv(352, 73%, 19%)

OKLCHoklch(22.2% 0.059 14.9)

CMYKcmyk(0%, 73%, 63%, 81%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#310D12 Complementary#0D302C Analogous#300D23 Analogous#301A0D Triadic#12300D Triadic#0D1230

Tints & Shades

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

Tints

#611A23 #952836 #C53448 #D56271 #E2929D #F0C7CC

Shades

#2C0C10 #280B0F #240A0D #1C070A #180609 #140507

Use #310D12 in Our Tools

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