#312722 hex color

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

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

● #312722 color description : Very dark (mostly black) orange [Brown tone].

The hexadecimal color #312722 has RGB values of R:49, G:39, B:34 and CMYK values of C:0, M:0.2, Y:0.31, K:0.81. Its decimal value is 3221282.

Hex triplet	312722	`#312722`
RGB Decimal	49, 39, 34	`rgb(49,39,34)`
RGB Percent	19.2, 15.3, 13.3	`rgb(19.2%,15.3%,13.3%)`
CMYK	0, 20, 31, 81
HSL	20°, 18.1, 16.3	`hsl(20,18.1%,16.3%)`
HSV (or HSB)	20°, 30.6, 19.2
Web Safe	333333	`#333333`

CIE-LAB	16.6, 3.703, 5.055
XYZ	2.281, 2.22, 1.822
xyY	0.361, 0.351, 2.22
CIE-LCH	16.6, 6.266, 53.775
CIE-LUV	16.6, 5.281, 3.975
Hunter-Lab	14.898, 1.256, 3.18
Binary	00110001, 00100111, 00100010

#312722
```
#312722 rgb(49,39,34)
```
#222c31
```
#222c31 rgb(34,44,49)
```

Complementary Color

#312225
```
#312225 rgb(49,34,37)
```
#312722
```
#312722 rgb(49,39,34)
```
#312f22
```
#312f22 rgb(49,47,34)
```

Analogous Color

#222531
```
#222531 rgb(34,37,49)
```
#312722
```
#312722 rgb(49,39,34)
```
#22312f
```
#22312f rgb(34,49,47)
```

Split Complementary Color

#272231
```
#272231 rgb(39,34,49)
```
#312722
```
#312722 rgb(49,39,34)
```
#223127
```
#223127 rgb(34,49,39)
```

Triadic Color

#31222c
```
#31222c rgb(49,34,44)
```
#312722
```
#312722 rgb(49,39,34)
```
#223127
```
#223127 rgb(34,49,39)
```
#222c31
```
#222c31 rgb(34,44,49)
```

Tetradic Color

#040303
```
#040303 rgb(4,3,3)
```
#130f0d
```
#130f0d rgb(19,15,13)
```
#221b18
```
#221b18 rgb(34,27,24)
```
#312722
```
#312722 rgb(49,39,34)
```
#40332c
```
#40332c rgb(64,51,44)
```
#4f3f37
```
#4f3f37 rgb(79,63,55)
```
#5e4b41
```
#5e4b41 rgb(94,75,65)
```

Monochromatic Color

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

#312322
```
#312322 rgb(49,35,34)
```
#312522
```
#312522 rgb(49,37,34)
```
#312622
```
#312622 rgb(49,38,34)
```
#312722
```
#312722 rgb(49,39,34)
```
#312822
```
#312822 rgb(49,40,34)
```
#312a22
```
#312a22 rgb(49,42,34)
```
#312b22
```
#312b22 rgb(49,43,34)
```

Similar Colors

Text with hexadecimal color #312722

This text has a font color of #312722.

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

#312722 background color

This paragraph has a background color of #312722.

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

#312722 border color

This element has a border color of #312722.

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

CSS codes

.text {color:#312722;}

.background {background-color:#312722;}

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

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 #f9f7f6 is the lightest one.

#030202
```
#030202 rgb(3,2,2)
```
#0e0b0a
```
#0e0b0a rgb(14,11,10)
```
#1a1512
```
#1a1512 rgb(26,21,18)
```
#251e1a
```
#251e1a rgb(37,30,26)
```
#312722
```
#312722 rgb(49,39,34)
```
#3d302a
```
#3d302a rgb(61,48,42)
```
#483932
```
#483932 rgb(72,57,50)
```
#54433a
```
#54433a rgb(84,67,58)
```
#5f4c42
```
#5f4c42 rgb(95,76,66)
```
#6b554a
```
#6b554a rgb(107,85,74)
```
#765e52
```
#765e52 rgb(118,94,82)
```
#82685a
```
#82685a rgb(130,104,90)
```
#8e7162
```
#8e7162 rgb(142,113,98)
```

Shade Color Variation

#987a6b
```
#987a6b rgb(152,122,107)
```
#a08577
```
#a08577 rgb(160,133,119)
```
#a88f82
```
#a88f82 rgb(168,143,130)
```
#b1998e
```
#b1998e rgb(177,153,142)
```
#b9a499
```
#b9a499 rgb(185,164,153)
```
#c1aea5
```
#c1aea5 rgb(193,174,165)
```
#c9b9b1
```
#c9b9b1 rgb(201,185,177)
```
#d1c3bc
```
#d1c3bc rgb(209,195,188)
```
#d9cdc8
```
#d9cdc8 rgb(217,205,200)
```
#e1d8d3
```
#e1d8d3 rgb(225,216,211)
```
#e9e2df
```
#e9e2df rgb(233,226,223)
```
#f1edeb
```
#f1edeb rgb(241,237,235)
```
#f9f7f6
```
#f9f7f6 rgb(249,247,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 #511c02 is the most saturated one.

#2b2928
```
#2b2928 rgb(43,41,40)
```
#2e2825
```
#2e2825 rgb(46,40,37)
```
#312722
```
#312722 rgb(49,39,34)
```
#34261f
```
#34261f rgb(52,38,31)
```
#37251c
```
#37251c rgb(55,37,28)
```
#3b2418
```
#3b2418 rgb(59,36,24)
```
#3e2315
```
#3e2315 rgb(62,35,21)
```
#412212
```
#412212 rgb(65,34,18)
```
#44210f
```
#44210f rgb(68,33,15)
```
#47200c
```
#47200c rgb(71,32,12)
```
#4b1e08
```
#4b1e08 rgb(75,30,8)
```
#4e1d05
```
#4e1d05 rgb(78,29,5)
```
#511c02
```
#511c02 rgb(81,28,2)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2b2928 Atypical Achromatopsia 0.001% of the population

Dichromacy

#36342e Protanopia 1% of men
#3b322d Deuteranopia 1% of men
#3c3134 Tritanopia 0.001% of the population

Trichromacy

#342f29 Protanomaly 1% of men, 0.01% of women
#372e29 Deuteranomaly 6% of men, 0.4% of women
#382d2d Tritanomaly 0.01% of the population

#312722 hex color

#312722 Color Information

#312722 Color Conversion

Color Schemes with #312722

Alternatives to #312722

#312722 Preview

Shades and Tints of #312722

Tones of #312722

Color Blindness Simulator