#312818 hex color

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

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

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

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

Hex triplet	312818	`#312818`
RGB Decimal	49, 40, 24	`rgb(49,40,24)`
RGB Percent	19.2, 15.7, 9.4	`rgb(19.2%,15.7%,9.4%)`
CMYK	0, 18, 51, 81
HSL	38.4°, 34.2, 14.3	`hsl(38.4,34.2%,14.3%)`
HSV (or HSB)	38.4°, 51, 19.2
Web Safe	333300	`#333300`

CIE-LAB	16.683, 1.41, 12.085
XYZ	2.19, 2.237, 1.18
xyY	0.391, 0.399, 2.237
CIE-LCH	16.683, 12.167, 83.343
CIE-LUV	16.683, 5.466, 9.567
Hunter-Lab	14.955, -0.029, 5.789
Binary	00110001, 00101000, 00011000

#312818
```
#312818 rgb(49,40,24)
```
#182131
```
#182131 rgb(24,33,49)
```

Complementary Color

#311c18
```
#311c18 rgb(49,28,24)
```
#312818
```
#312818 rgb(49,40,24)
```
#2e3118
```
#2e3118 rgb(46,49,24)
```

Analogous Color

#1c1831
```
#1c1831 rgb(28,24,49)
```
#312818
```
#312818 rgb(49,40,24)
```
#182e31
```
#182e31 rgb(24,46,49)
```

Split Complementary Color

#281831
```
#281831 rgb(40,24,49)
```
#312818
```
#312818 rgb(49,40,24)
```
#183128
```
#183128 rgb(24,49,40)
```

Triadic Color

#311821
```
#311821 rgb(49,24,33)
```
#312818
```
#312818 rgb(49,40,24)
```
#183128
```
#183128 rgb(24,49,40)
```
#182131
```
#182131 rgb(24,33,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0f0c07
```
#0f0c07 rgb(15,12,7)
```
#201a10
```
#201a10 rgb(32,26,16)
```
#312818
```
#312818 rgb(49,40,24)
```
#423620
```
#423620 rgb(66,54,32)
```
#534429
```
#534429 rgb(83,68,41)
```
#645231
```
#645231 rgb(100,82,49)
```

Monochromatic Color

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

#312218
```
#312218 rgb(49,34,24)
```
#312418
```
#312418 rgb(49,36,24)
```
#312618
```
#312618 rgb(49,38,24)
```
#312818
```
#312818 rgb(49,40,24)
```
#312a18
```
#312a18 rgb(49,42,24)
```
#312c18
```
#312c18 rgb(49,44,24)
```
#312e18
```
#312e18 rgb(49,46,24)
```

Similar Colors

Text with hexadecimal color #312818

This text has a font color of #312818.

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

#312818 background color

This paragraph has a background color of #312818.

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

#312818 border color

This element has a border color of #312818.

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

CSS codes

.text {color:#312818;}

.background {background-color:#312818;}

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

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

#0a0805
```
#0a0805 rgb(10,8,5)
```
#17130b
```
#17130b rgb(23,19,11)
```
#241d12
```
#241d12 rgb(36,29,18)
```
#312818
```
#312818 rgb(49,40,24)
```
#3e331e
```
#3e331e rgb(62,51,30)
```
#4b3d25
```
#4b3d25 rgb(75,61,37)
```
#58482b
```
#58482b rgb(88,72,43)
```
#665332
```
#665332 rgb(102,83,50)
```
#735e38
```
#735e38 rgb(115,94,56)
```
#80683f
```
#80683f rgb(128,104,63)
```
#8d7345
```
#8d7345 rgb(141,115,69)
```
#9a7e4c
```
#9a7e4c rgb(154,126,76)
```
#a78952
```
#a78952 rgb(167,137,82)
```

Shade Color Variation

#b0925d
```
#b0925d rgb(176,146,93)
```
#b69b6b
```
#b69b6b rgb(182,155,107)
```
#bda478
```
#bda478 rgb(189,164,120)
```
#c3ad85
```
#c3ad85 rgb(195,173,133)
```
#cab692
```
#cab692 rgb(202,182,146)
```
#d0be9f
```
#d0be9f rgb(208,190,159)
```
#d7c7ac
```
#d7c7ac rgb(215,199,172)
```
#ddd0ba
```
#ddd0ba rgb(221,208,186)
```
#e3d9c7
```
#e3d9c7 rgb(227,217,199)
```
#eae2d4
```
#eae2d4 rgb(234,226,212)
```
#f0ebe1
```
#f0ebe1 rgb(240,235,225)
```
#f7f4ee
```
#f7f4ee rgb(247,244,238)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#262523
```
#262523 rgb(38,37,35)
```
#292620
```
#292620 rgb(41,38,32)
```
#2b261e
```
#2b261e rgb(43,38,30)
```
#2e271b
```
#2e271b rgb(46,39,27)
```
#312818
```
#312818 rgb(49,40,24)
```
#342915
```
#342915 rgb(52,41,21)
```
#372a12
```
#372a12 rgb(55,42,18)
```
#392a10
```
#392a10 rgb(57,42,16)
```
#3c2b0d
```
#3c2b0d rgb(60,43,13)
```
#3f2c0a
```
#3f2c0a rgb(63,44,10)
```
#422d07
```
#422d07 rgb(66,45,7)
```
#452e04
```
#452e04 rgb(69,46,4)
```
#472e02
```
#472e02 rgb(71,46,2)
```

Tone Color Variation

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

Dichromacy

#383424 Protanopia 1% of men
#3e3224 Deuteranopia 1% of men
#3d3134 Tritanopia 0.001% of the population

Trichromacy

#352f1f Protanomaly 1% of men, 0.01% of women
#392e1f Deuteranomaly 6% of men, 0.4% of women
#392d2a Tritanomaly 0.01% of the population

#312818 hex color

#312818 Color Information

#312818 Color Conversion

Color Schemes with #312818

Alternatives to #312818

#312818 Preview

Shades and Tints of #312818

Tones of #312818

Color Blindness Simulator