#312218 hex color

In a RGB color space, hex #312218 is composed of 19.2% red, 13.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.6% magenta, 51% yellow and 80.8% black. It has a hue angle of 24 degrees, a saturation of 34.2% and a lightness of 14.3%. #312218 color hex could be obtained by blending #624430 with #000000. Closest websafe color is: #333300.

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

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

The hexadecimal color #312218 has RGB values of R:49, G:34, B:24 and CMYK values of C:0, M:0.31, Y:0.51, K:0.81. Its decimal value is 3219992.

Hex triplet	312218	`#312218`
RGB Decimal	49, 34, 24	`rgb(49,34,24)`
RGB Percent	19.2, 13.3, 9.4	`rgb(19.2%,13.3%,9.4%)`
CMYK	0, 31, 51, 81
HSL	24°, 34.2, 14.3	`hsl(24,34.2%,14.3%)`
HSV (or HSB)	24°, 51, 19.2
Web Safe	333300	`#333300`

CIE-LAB	14.752, 5.57, 9.547
XYZ	2.004, 1.863, 1.118
xyY	0.402, 0.374, 1.863
CIE-LCH	14.752, 11.053, 59.741
CIE-LUV	14.752, 8.207, 6.738
Hunter-Lab	13.649, 2.315, 4.697
Binary	00110001, 00100010, 00011000

#312218
```
#312218 rgb(49,34,24)
```
#182731
```
#182731 rgb(24,39,49)
```

Complementary Color

#31181b
```
#31181b rgb(49,24,27)
```
#312218
```
#312218 rgb(49,34,24)
```
#312f18
```
#312f18 rgb(49,47,24)
```

Analogous Color

#181b31
```
#181b31 rgb(24,27,49)
```
#312218
```
#312218 rgb(49,34,24)
```
#18312f
```
#18312f rgb(24,49,47)
```

Split Complementary Color

#221831
```
#221831 rgb(34,24,49)
```
#312218
```
#312218 rgb(49,34,24)
```
#183122
```
#183122 rgb(24,49,34)
```

Triadic Color

#311827
```
#311827 rgb(49,24,39)
```
#312218
```
#312218 rgb(49,34,24)
```
#183122
```
#183122 rgb(24,49,34)
```
#182731
```
#182731 rgb(24,39,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0f0a07
```
#0f0a07 rgb(15,10,7)
```
#201610
```
#201610 rgb(32,22,16)
```
#312218
```
#312218 rgb(49,34,24)
```
#422e20
```
#422e20 rgb(66,46,32)
```
#533a29
```
#533a29 rgb(83,58,41)
```
#644631
```
#644631 rgb(100,70,49)
```

Monochromatic Color

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

#311c18
```
#311c18 rgb(49,28,24)
```
#311e18
```
#311e18 rgb(49,30,24)
```
#312018
```
#312018 rgb(49,32,24)
```
#312218
```
#312218 rgb(49,34,24)
```
#312418
```
#312418 rgb(49,36,24)
```
#312618
```
#312618 rgb(49,38,24)
```
#312818
```
#312818 rgb(49,40,24)
```

Similar Colors

Text with hexadecimal color #312218

This text has a font color of #312218.

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

#312218 background color

This paragraph has a background color of #312218.

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

#312218 border color

This element has a border color of #312218.

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

CSS codes

.text {color:#312218;}

.background {background-color:#312218;}

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

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, #0a0705 is the darkest color, while #fdfcfb is the lightest one.

#0a0705
```
#0a0705 rgb(10,7,5)
```
#17100b
```
#17100b rgb(23,16,11)
```
#241912
```
#241912 rgb(36,25,18)
```
#312218
```
#312218 rgb(49,34,24)
```
#3e2b1e
```
#3e2b1e rgb(62,43,30)
```
#4b3425
```
#4b3425 rgb(75,52,37)
```
#583d2b
```
#583d2b rgb(88,61,43)
```
#664732
```
#664732 rgb(102,71,50)
```
#735038
```
#735038 rgb(115,80,56)
```
#80593f
```
#80593f rgb(128,89,63)
```
#8d6245
```
#8d6245 rgb(141,98,69)
```
#9a6b4c
```
#9a6b4c rgb(154,107,76)
```
#a77452
```
#a77452 rgb(167,116,82)
```

Shade Color Variation

#b07e5d
```
#b07e5d rgb(176,126,93)
```
#b6896b
```
#b6896b rgb(182,137,107)
```
#bd9378
```
#bd9378 rgb(189,147,120)
```
#c39e85
```
#c39e85 rgb(195,158,133)
```
#caa892
```
#caa892 rgb(202,168,146)
```
#d0b39f
```
#d0b39f rgb(208,179,159)
```
#d7bdac
```
#d7bdac rgb(215,189,172)
```
#ddc8ba
```
#ddc8ba rgb(221,200,186)
```
#e3d2c7
```
#e3d2c7 rgb(227,210,199)
```
#eaddd4
```
#eaddd4 rgb(234,221,212)
```
#f0e7e1
```
#f0e7e1 rgb(240,231,225)
```
#f7f2ee
```
#f7f2ee rgb(247,242,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#262423
```
#262423 rgb(38,36,35)
```
#292420
```
#292420 rgb(41,36,32)
```
#2b231e
```
#2b231e rgb(43,35,30)
```
#2e231b
```
#2e231b rgb(46,35,27)
```
#312218
```
#312218 rgb(49,34,24)
```
#342115
```
#342115 rgb(52,33,21)
```
#372112
```
#372112 rgb(55,33,18)
```
#392010
```
#392010 rgb(57,32,16)
```
#3c200d
```
#3c200d rgb(60,32,13)
```
#3f1f0a
```
#3f1f0a rgb(63,31,10)
```
#421f07
```
#421f07 rgb(66,31,7)
```
#451e04
```
#451e04 rgb(69,30,4)
```
#471e02
```
#471e02 rgb(71,30,2)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#272422 Atypical Achromatopsia 0.001% of the population

Dichromacy

#333025 Protanopia 1% of men
#392e23 Deuteranopia 1% of men
#3c2c2f Tritanopia 0.001% of the population

Trichromacy

#322b20 Protanomaly 1% of men, 0.01% of women
#362a1f Deuteranomaly 6% of men, 0.4% of women
#382826 Tritanomaly 0.01% of the population

#312218 hex color

#312218 Color Information

#312218 Color Conversion

Color Schemes with #312218

Alternatives to #312218

#312218 Preview

Shades and Tints of #312218

Tones of #312218

Color Blindness Simulator