#312322 hex color

In a RGB color space, hex #312322 is composed of 19.2% red, 13.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.6% magenta, 30.6% yellow and 80.8% black. It has a hue angle of 4 degrees, a saturation of 18.1% and a lightness of 16.3%. #312322 color hex could be obtained by blending #624644 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 14
- B 13
RGB color chart
- C 0
- M 29
- Y 31
- K 81
CMYK color chart

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

The hexadecimal color #312322 has RGB values of R:49, G:35, B:34 and CMYK values of C:0, M:0.29, Y:0.31, K:0.81. Its decimal value is 3220258.

Hex triplet	312322	`#312322`
RGB Decimal	49, 35, 34	`rgb(49,35,34)`
RGB Percent	19.2, 13.7, 13.3	`rgb(19.2%,13.7%,13.3%)`
CMYK	0, 29, 31, 81
HSL	4°, 18.1, 16.3	`hsl(4,18.1%,16.3%)`
HSV (or HSB)	4°, 30.6, 19.2
Web Safe	333333	`#333333`

CIE-LAB	15.332, 6.494, 3.261
XYZ	2.156, 1.971, 1.78
xyY	0.365, 0.334, 1.971
CIE-LCH	15.332, 7.266, 26.665
CIE-LUV	15.332, 6.962, 2.049
Hunter-Lab	14.038, 2.853, 2.308
Binary	00110001, 00100011, 00100010

#312322
```
#312322 rgb(49,35,34)
```
#223031
```
#223031 rgb(34,48,49)
```

Complementary Color

#312229
```
#312229 rgb(49,34,41)
```
#312322
```
#312322 rgb(49,35,34)
```
#312b22
```
#312b22 rgb(49,43,34)
```

Analogous Color

#222931
```
#222931 rgb(34,41,49)
```
#312322
```
#312322 rgb(49,35,34)
```
#22312b
```
#22312b rgb(34,49,43)
```

Split Complementary Color

#232231
```
#232231 rgb(35,34,49)
```
#312322
```
#312322 rgb(49,35,34)
```
#223123
```
#223123 rgb(34,49,35)
```

Triadic Color

#312230
```
#312230 rgb(49,34,48)
```
#312322
```
#312322 rgb(49,35,34)
```
#223123
```
#223123 rgb(34,49,35)
```
#223031
```
#223031 rgb(34,48,49)
```

Tetradic Color

#040303
```
#040303 rgb(4,3,3)
```
#130d0d
```
#130d0d rgb(19,13,13)
```
#221818
```
#221818 rgb(34,24,24)
```
#312322
```
#312322 rgb(49,35,34)
```
#402e2c
```
#402e2c rgb(64,46,44)
```
#4f3937
```
#4f3937 rgb(79,57,55)
```
#5e4341
```
#5e4341 rgb(94,67,65)
```

Monochromatic Color

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

#312225
```
#312225 rgb(49,34,37)
```
#312224
```
#312224 rgb(49,34,36)
```
#312222
```
#312222 rgb(49,34,34)
```
#312322
```
#312322 rgb(49,35,34)
```
#312422
```
#312422 rgb(49,36,34)
```
#312622
```
#312622 rgb(49,38,34)
```
#312722
```
#312722 rgb(49,39,34)
```

Similar Colors

Text with hexadecimal color #312322

This text has a font color of #312322.

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

#312322 background color

This paragraph has a background color of #312322.

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

#312322 border color

This element has a border color of #312322.

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

CSS codes

.text {color:#312322;}

.background {background-color:#312322;}

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

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, #030202 is the darkest color, while #f9f6f6 is the lightest one.

#030202
```
#030202 rgb(3,2,2)
```
#0e0a0a
```
#0e0a0a rgb(14,10,10)
```
#1a1212
```
#1a1212 rgb(26,18,18)
```
#251b1a
```
#251b1a rgb(37,27,26)
```
#312322
```
#312322 rgb(49,35,34)
```
#3d2b2a
```
#3d2b2a rgb(61,43,42)
```
#483432
```
#483432 rgb(72,52,50)
```
#543c3a
```
#543c3a rgb(84,60,58)
```
#5f4442
```
#5f4442 rgb(95,68,66)
```
#6b4c4a
```
#6b4c4a rgb(107,76,74)
```
#765552
```
#765552 rgb(118,85,82)
```
#825d5a
```
#825d5a rgb(130,93,90)
```
#8e6562
```
#8e6562 rgb(142,101,98)
```

Shade Color Variation

#986e6b
```
#986e6b rgb(152,110,107)
```
#a07977
```
#a07977 rgb(160,121,119)
```
#a88582
```
#a88582 rgb(168,133,130)
```
#b1908e
```
#b1908e rgb(177,144,142)
```
#b99c99
```
#b99c99 rgb(185,156,153)
```
#c1a7a5
```
#c1a7a5 rgb(193,167,165)
```
#c9b2b1
```
#c9b2b1 rgb(201,178,177)
```
#d1bebc
```
#d1bebc rgb(209,190,188)
```
#d9c9c8
```
#d9c9c8 rgb(217,201,200)
```
#e1d4d3
```
#e1d4d3 rgb(225,212,211)
```
#e9e0df
```
#e9e0df rgb(233,224,223)
```
#f1ebeb
```
#f1ebeb rgb(241,235,235)
```
#f9f6f6
```
#f9f6f6 rgb(249,246,246)
```

Tint Color Variation

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

#2b2928
```
#2b2928 rgb(43,41,40)
```
#2e2625
```
#2e2625 rgb(46,38,37)
```
#312322
```
#312322 rgb(49,35,34)
```
#34201f
```
#34201f rgb(52,32,31)
```
#371d1c
```
#371d1c rgb(55,29,28)
```
#3b1b18
```
#3b1b18 rgb(59,27,24)
```
#3e1815
```
#3e1815 rgb(62,24,21)
```
#411512
```
#411512 rgb(65,21,18)
```
#44120f
```
#44120f rgb(68,18,15)
```
#47100c
```
#47100c rgb(71,16,12)
```
#4b0d08
```
#4b0d08 rgb(75,13,8)
```
#4e0a05
```
#4e0a05 rgb(78,10,5)
```
#510702
```
#510702 rgb(81,7,2)
```

Tone Color Variation

Below, you can see how #312322 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

#272727 Achromatopsia 0.005% of the population
#292626 Atypical Achromatopsia 0.001% of the population

Dichromacy

#33312e Protanopia 1% of men
#372f2d Deuteranopia 1% of men
#3c2d31 Tritanopia 0.001% of the population

Trichromacy

#322c2a Protanomaly 1% of men, 0.01% of women
#352b29 Deuteranomaly 6% of men, 0.4% of women
#38292b Tritanomaly 0.01% of the population

#312322 hex color

#312322 Color Information

#312322 Color Conversion

Color Schemes with #312322

Alternatives to #312322

#312322 Preview

Shades and Tints of #312322

Tones of #312322

Color Blindness Simulator