#312828 hex color

In a RGB color space, hex #312828 is composed of 19.2% red, 15.7% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.4% magenta, 18.4% yellow and 80.8% black. It has a hue angle of 0 degrees, a saturation of 10.1% and a lightness of 17.5%. #312828 color hex could be obtained by blending #625050 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 16
- B 16
RGB color chart
- C 0
- M 18
- Y 18
- K 81
CMYK color chart

● #312828 color description : Very dark (mostly black) red.

The hexadecimal color #312828 has RGB values of R:49, G:40, B:40 and CMYK values of C:0, M:0.18, Y:0.18, K:0.81. Its decimal value is 3221544.

Hex triplet	312828	`#312828`
RGB Decimal	49, 40, 40	`rgb(49,40,40)`
RGB Percent	19.2, 15.7, 15.7	`rgb(19.2%,15.7%,15.7%)`
CMYK	0, 18, 18, 81
HSL	0°, 10.1, 17.5	`hsl(0,10.1%,17.5%)`
HSV (or HSB)	0°, 18.4, 19.2
Web Safe	333333	`#333333`

CIE-LAB	17.102, 4.176, 1.555
XYZ	2.408, 2.324, 2.329
xyY	0.341, 0.329, 2.324
CIE-LCH	17.102, 4.456, 20.42
CIE-LUV	17.102, 4.414, 0.95
Hunter-Lab	15.244, 1.524, 1.612
Binary	00110001, 00101000, 00101000

#312828
```
#312828 rgb(49,40,40)
```
#283131
```
#283131 rgb(40,49,49)
```

Complementary Color

#31282d
```
#31282d rgb(49,40,45)
```
#312828
```
#312828 rgb(49,40,40)
```
#312d28
```
#312d28 rgb(49,45,40)
```

Analogous Color

#282d31
```
#282d31 rgb(40,45,49)
```
#312828
```
#312828 rgb(49,40,40)
```
#28312d
```
#28312d rgb(40,49,45)
```

Split Complementary Color

#282831
```
#282831 rgb(40,40,49)
```
#312828
```
#312828 rgb(49,40,40)
```
#283128
```
#283128 rgb(40,49,40)
```

Triadic Color

#312831
```
#312831 rgb(49,40,49)
```
#312828
```
#312828 rgb(49,40,40)
```
#283128
```
#283128 rgb(40,49,40)
```
#283131
```
#283131 rgb(40,49,49)
```

Tetradic Color

#070606
```
#070606 rgb(7,6,6)
```
#151111
```
#151111 rgb(21,17,17)
```
#231d1d
```
#231d1d rgb(35,29,29)
```
#312828
```
#312828 rgb(49,40,40)
```
#3f3333
```
#3f3333 rgb(63,51,51)
```
#4d3f3f
```
#4d3f3f rgb(77,63,63)
```
#5b4a4a
```
#5b4a4a rgb(91,74,74)
```

Monochromatic Color

Below, you can see some colors close to #312828. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#31282a
```
#31282a rgb(49,40,42)
```
#31282a
```
#31282a rgb(49,40,42)
```
#312829
```
#312829 rgb(49,40,41)
```
#312828
```
#312828 rgb(49,40,40)
```
#312928
```
#312928 rgb(49,41,40)
```
#312a28
```
#312a28 rgb(49,42,40)
```
#312a28
```
#312a28 rgb(49,42,40)
```

Similar Colors

Text with hexadecimal color #312828

This text has a font color of #312828.

<span style="color:#312828;">Text here</span>

#312828 background color

This paragraph has a background color of #312828.

<p style="background-color:#312828;">Content here</p>

#312828 border color

This element has a border color of #312828.

<div style="border:1px solid #312828;">Content here</div>

CSS codes

.text {color:#312828;}

.background {background-color:#312828;}

.border {border:1px solid #312828;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #060505 is the darkest color, while #fbfafa is the lightest one.

#060505
```
#060505 rgb(6,5,5)
```
#110e0e
```
#110e0e rgb(17,14,14)
```
#1b1616
```
#1b1616 rgb(27,22,22)
```
#261f1f
```
#261f1f rgb(38,31,31)
```
#312828
```
#312828 rgb(49,40,40)
```
#3c3131
```
#3c3131 rgb(60,49,49)
```
#473a3a
```
#473a3a rgb(71,58,58)
```
#514242
```
#514242 rgb(81,66,66)
```
#5c4b4b
```
#5c4b4b rgb(92,75,75)
```
#675454
```
#675454 rgb(103,84,84)
```
#725d5d
```
#725d5d rgb(114,93,93)
```
#7d6666
```
#7d6666 rgb(125,102,102)
```
#876f6f
```
#876f6f rgb(135,111,111)
```

Shade Color Variation

#917878
```
#917878 rgb(145,120,120)
```
#9a8383
```
#9a8383 rgb(154,131,131)
```
#a38e8e
```
#a38e8e rgb(163,142,142)
```
#ac9999
```
#ac9999 rgb(172,153,153)
```
#b4a4a4
```
#b4a4a4 rgb(180,164,164)
```
#bdaeae
```
#bdaeae rgb(189,174,174)
```
#c6b9b9
```
#c6b9b9 rgb(198,185,185)
```
#cfc4c4
```
#cfc4c4 rgb(207,196,196)
```
#d8cfcf
```
#d8cfcf rgb(216,207,207)
```
#e0dada
```
#e0dada rgb(224,218,218)
```
#e9e4e4
```
#e9e4e4 rgb(233,228,228)
```
#f2efef
```
#f2efef rgb(242,239,239)
```
#fbfafa
```
#fbfafa rgb(251,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2e2b2b is the less saturated color, while #570202 is the most saturated one.

#2e2b2b
```
#2e2b2b rgb(46,43,43)
```
#312828
```
#312828 rgb(49,40,40)
```
#342525
```
#342525 rgb(52,37,37)
```
#382121
```
#382121 rgb(56,33,33)
```
#3b1e1e
```
#3b1e1e rgb(59,30,30)
```
#3f1a1a
```
#3f1a1a rgb(63,26,26)
```
#421717
```
#421717 rgb(66,23,23)
```
#461313
```
#461313 rgb(70,19,19)
```
#491010
```
#491010 rgb(73,16,16)
```
#4c0d0d
```
#4c0d0d rgb(76,13,13)
```
#500909
```
#500909 rgb(80,9,9)
```
#530606
```
#530606 rgb(83,6,6)
```
#570202
```
#570202 rgb(87,2,2)
```

Tone Color Variation

Below, you can see how #312828 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#2b2b2b Achromatopsia 0.005% of the population
#2c2a2a Atypical Achromatopsia 0.001% of the population

Dichromacy

#363434 Protanopia 1% of men
#3a3333 Deuteranopia 1% of men
#3c3236 Tritanopia 0.001% of the population

Trichromacy

#34302f Protanomaly 1% of men, 0.01% of women
#372f2f Deuteranomaly 6% of men, 0.4% of women
#382e31 Tritanomaly 0.01% of the population

#312828 hex color

#312828 Color Information

#312828 Color Conversion

Color Schemes with #312828

Alternatives to #312828

#312828 Preview

Shades and Tints of #312828

Tones of #312828

Color Blindness Simulator