#311A16

Dark Red

HEX

RGB

HSL

About #311A16 Dark Red

#311A16 is a dark red color. In the RGB color model, it is composed of 49 red, 26 green, and 22 blue. In the HSL color space, it has a hue of 9°, saturation of 38%, and lightness of 14%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code

Use #311A16 in your CSS, SCSS, or Tailwind projects.

Color Properties

9°

Hue

38%

Saturation

14%

Lightness

Dark Red

Color Harmonies

Colors that work well with #311A16 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #311A16 against white and black backgrounds.

Aa#311A16 on White
Contrast Ratio16.28:1
AA AA Large AAA
Aa#311A16 on Black
Contrast Ratio1.29:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #311A16 across different color formats.

FormatValue
HEX#311A16
RGBrgb(49, 26, 22)
HSLhsl(9, 38%, 14%)
RGB Decimal49, 26, 22
RGB Percent19.2%, 10.2%, 8.6%
CMYK (approx.)0%, 47%, 55%, 81%

Related Palettes

12 palettes using #311A16 or similar colors

#251A0E#493927#685845#A0784B
#25180E#52341E#755238#927159
#241B0F#4D3C23#6F5B3F#967B54
#24190F#4F3721#6C5542#A47247
#25160E#493328#704E3E#AA6441
#251E0E#443D2D#796534#8F7F5C
#28150B#4A2B1C#694330#92573A
#231910#4F3721#7F552E#947457
#24160F#532F1D#6A5043#956B56
#231710#43352D#814D2C#8E705D
#241F0F#4E4422#6A6143#AC933E
#25140E#4B2F26#6F4B3E#B05A3B