#312622 hex color

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

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

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

The hexadecimal color #312622 has RGB values of R:49, G:38, B:34 and CMYK values of C:0, M:0.22, Y:0.31, K:0.81. Its decimal value is 3221026.

Hex triplet	312622	`#312622`
RGB Decimal	49, 38, 34	`rgb(49,38,34)`
RGB Percent	19.2, 14.9, 13.3	`rgb(19.2%,14.9%,13.3%)`
CMYK	0, 22, 31, 81
HSL	16°, 18.1, 16.3	`hsl(16,18.1%,16.3%)`
HSV (or HSB)	16°, 30.6, 19.2
Web Safe	333333	`#333333`

CIE-LAB	16.279, 4.398, 4.604
XYZ	2.248, 2.155, 1.811
xyY	0.362, 0.347, 2.155
CIE-LCH	16.279, 6.367, 46.31
CIE-LUV	16.279, 5.713, 3.483
Hunter-Lab	14.679, 1.653, 2.962
Binary	00110001, 00100110, 00100010

#312622
```
#312622 rgb(49,38,34)
```
#222d31
```
#222d31 rgb(34,45,49)
```

Complementary Color

#312226
```
#312226 rgb(49,34,38)
```
#312622
```
#312622 rgb(49,38,34)
```
#312e22
```
#312e22 rgb(49,46,34)
```

Analogous Color

#222631
```
#222631 rgb(34,38,49)
```
#312622
```
#312622 rgb(49,38,34)
```
#22312e
```
#22312e rgb(34,49,46)
```

Split Complementary Color

#262231
```
#262231 rgb(38,34,49)
```
#312622
```
#312622 rgb(49,38,34)
```
#223126
```
#223126 rgb(34,49,38)
```

Triadic Color

#31222d
```
#31222d rgb(49,34,45)
```
#312622
```
#312622 rgb(49,38,34)
```
#223126
```
#223126 rgb(34,49,38)
```
#222d31
```
#222d31 rgb(34,45,49)
```

Tetradic Color

#040303
```
#040303 rgb(4,3,3)
```
#130f0d
```
#130f0d rgb(19,15,13)
```
#221a18
```
#221a18 rgb(34,26,24)
```
#312622
```
#312622 rgb(49,38,34)
```
#40322c
```
#40322c rgb(64,50,44)
```
#4f3d37
```
#4f3d37 rgb(79,61,55)
```
#5e4941
```
#5e4941 rgb(94,73,65)
```

Monochromatic Color

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

#312222
```
#312222 rgb(49,34,34)
```
#312422
```
#312422 rgb(49,36,34)
```
#312522
```
#312522 rgb(49,37,34)
```
#312622
```
#312622 rgb(49,38,34)
```
#312722
```
#312722 rgb(49,39,34)
```
#312922
```
#312922 rgb(49,41,34)
```
#312a22
```
#312a22 rgb(49,42,34)
```

Similar Colors

Text with hexadecimal color #312622

This text has a font color of #312622.

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

#312622 background color

This paragraph has a background color of #312622.

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

#312622 border color

This element has a border color of #312622.

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

CSS codes

.text {color:#312622;}

.background {background-color:#312622;}

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

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)
```
#1a1412
```
#1a1412 rgb(26,20,18)
```
#251d1a
```
#251d1a rgb(37,29,26)
```
#312622
```
#312622 rgb(49,38,34)
```
#3d2f2a
```
#3d2f2a rgb(61,47,42)
```
#483832
```
#483832 rgb(72,56,50)
```
#54413a
```
#54413a rgb(84,65,58)
```
#5f4a42
```
#5f4a42 rgb(95,74,66)
```
#6b534a
```
#6b534a rgb(107,83,74)
```
#765c52
```
#765c52 rgb(118,92,82)
```
#82655a
```
#82655a rgb(130,101,90)
```
#8e6e62
```
#8e6e62 rgb(142,110,98)
```

Shade Color Variation

#98776b
```
#98776b rgb(152,119,107)
```
#a08277
```
#a08277 rgb(160,130,119)
```
#a88c82
```
#a88c82 rgb(168,140,130)
```
#b1978e
```
#b1978e rgb(177,151,142)
```
#b9a299
```
#b9a299 rgb(185,162,153)
```
#c1aca5
```
#c1aca5 rgb(193,172,165)
```
#c9b7b1
```
#c9b7b1 rgb(201,183,177)
```
#d1c2bc
```
#d1c2bc rgb(209,194,188)
```
#d9ccc8
```
#d9ccc8 rgb(217,204,200)
```
#e1d7d3
```
#e1d7d3 rgb(225,215,211)
```
#e9e2df
```
#e9e2df rgb(233,226,223)
```
#f1eceb
```
#f1eceb rgb(241,236,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 #511702 is the most saturated one.

#2b2928
```
#2b2928 rgb(43,41,40)
```
#2e2725
```
#2e2725 rgb(46,39,37)
```
#312622
```
#312622 rgb(49,38,34)
```
#34251f
```
#34251f rgb(52,37,31)
```
#37231c
```
#37231c rgb(55,35,28)
```
#3b2218
```
#3b2218 rgb(59,34,24)
```
#3e2015
```
#3e2015 rgb(62,32,21)
```
#411f12
```
#411f12 rgb(65,31,18)
```
#441d0f
```
#441d0f rgb(68,29,15)
```
#471c0c
```
#471c0c rgb(71,28,12)
```
#4b1a08
```
#4b1a08 rgb(75,26,8)
```
#4e1905
```
#4e1905 rgb(78,25,5)
```
#511702
```
#511702 rgb(81,23,2)
```

Tone Color Variation

Below, you can see how #312622 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
#2b2828 Atypical Achromatopsia 0.001% of the population

Dichromacy

#35332e Protanopia 1% of men
#3a312d Deuteranopia 1% of men
#3c3033 Tritanopia 0.001% of the population

Trichromacy

#332e29 Protanomaly 1% of men, 0.01% of women
#372d29 Deuteranomaly 6% of men, 0.4% of women
#382c2d Tritanomaly 0.01% of the population

#312622 hex color

#312622 Color Information

#312622 Color Conversion

Color Schemes with #312622

Alternatives to #312622

#312622 Preview

Shades and Tints of #312622

Tones of #312622

Color Blindness Simulator