#312414 hex color

In a RGB color space, hex #312414 is composed of 19.2% red, 14.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.5% magenta, 59.2% yellow and 80.8% black. It has a hue angle of 33.1 degrees, a saturation of 42% and a lightness of 13.5%. #312414 color hex could be obtained by blending #624828 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 14
- B 8
RGB color chart
- C 0
- M 27
- Y 59
- K 81
CMYK color chart

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

The hexadecimal color #312414 has RGB values of R:49, G:36, B:20 and CMYK values of C:0, M:0.27, Y:0.59, K:0.81. Its decimal value is 3220500.

Hex triplet	312414	`#312414`
RGB Decimal	49, 36, 20	`rgb(49,36,20)`
RGB Percent	19.2, 14.1, 7.8	`rgb(19.2%,14.1%,7.8%)`
CMYK	0, 27, 59, 81
HSL	33.1°, 42, 13.5	`hsl(33.1,42%,13.5%)`
HSV (or HSB)	33.1°, 59.2, 19.2
Web Safe	333300	`#333300`

CIE-LAB	15.304, 3.652, 13.019
XYZ	2.024, 1.965, 0.935
xyY	0.411, 0.399, 1.965
CIE-LCH	15.304, 13.522, 74.332
CIE-LUV	15.304, 7.584, 9.398
Hunter-Lab	14.019, 1.235, 5.861
Binary	00110001, 00100100, 00010100

#312414
```
#312414 rgb(49,36,20)
```
#142131
```
#142131 rgb(20,33,49)
```

Complementary Color

#311614
```
#311614 rgb(49,22,20)
```
#312414
```
#312414 rgb(49,36,20)
```
#303114
```
#303114 rgb(48,49,20)
```

Analogous Color

#161431
```
#161431 rgb(22,20,49)
```
#312414
```
#312414 rgb(49,36,20)
```
#143031
```
#143031 rgb(20,48,49)
```

Split Complementary Color

#241431
```
#241431 rgb(36,20,49)
```
#312414
```
#312414 rgb(49,36,20)
```
#143124
```
#143124 rgb(20,49,36)
```

Triadic Color

#311421
```
#311421 rgb(49,20,33)
```
#312414
```
#312414 rgb(49,36,20)
```
#143124
```
#143124 rgb(20,49,36)
```
#142131
```
#142131 rgb(20,33,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0d0905
```
#0d0905 rgb(13,9,5)
```
#1f170d
```
#1f170d rgb(31,23,13)
```
#312414
```
#312414 rgb(49,36,20)
```
#43311b
```
#43311b rgb(67,49,27)
```
#553f23
```
#553f23 rgb(85,63,35)
```
#674c2a
```
#674c2a rgb(103,76,42)
```

Monochromatic Color

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

#311d14
```
#311d14 rgb(49,29,20)
```
#311f14
```
#311f14 rgb(49,31,20)
```
#312214
```
#312214 rgb(49,34,20)
```
#312414
```
#312414 rgb(49,36,20)
```
#312614
```
#312614 rgb(49,38,20)
```
#312914
```
#312914 rgb(49,41,20)
```
#312b14
```
#312b14 rgb(49,43,20)
```

Similar Colors

Text with hexadecimal color #312414

This text has a font color of #312414.

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

#312414 background color

This paragraph has a background color of #312414.

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

#312414 border color

This element has a border color of #312414.

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

CSS codes

.text {color:#312414;}

.background {background-color:#312414;}

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

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

#070503
```
#070503 rgb(7,5,3)
```
#151009
```
#151009 rgb(21,16,9)
```
#231a0e
```
#231a0e rgb(35,26,14)
```
#312414
```
#312414 rgb(49,36,20)
```
#3f2e1a
```
#3f2e1a rgb(63,46,26)
```
#4d381f
```
#4d381f rgb(77,56,31)
```
#5b4325
```
#5b4325 rgb(91,67,37)
```
#694d2b
```
#694d2b rgb(105,77,43)
```
#775730
```
#775730 rgb(119,87,48)
```
#856136
```
#856136 rgb(133,97,54)
```
#936c3c
```
#936c3c rgb(147,108,60)
```
#a07641
```
#a07641 rgb(160,118,65)
```
#ae8047
```
#ae8047 rgb(174,128,71)
```

Shade Color Variation

#b88a51
```
#b88a51 rgb(184,138,81)
```
#be935f
```
#be935f rgb(190,147,95)
```
#c39d6d
```
#c39d6d rgb(195,157,109)
```
#c9a67b
```
#c9a67b rgb(201,166,123)
```
#cfaf89
```
#cfaf89 rgb(207,175,137)
```
#d4b997
```
#d4b997 rgb(212,185,151)
```
#dac2a5
```
#dac2a5 rgb(218,194,165)
```
#e0ccb3
```
#e0ccb3 rgb(224,204,179)
```
#e6d5c1
```
#e6d5c1 rgb(230,213,193)
```
#ebdece
```
#ebdece rgb(235,222,206)
```
#f1e8dc
```
#f1e8dc rgb(241,232,220)
```
#f7f1ea
```
#f7f1ea rgb(247,241,234)
```
#fcfaf8
```
#fcfaf8 rgb(252,250,248)
```

Tint Color Variation

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

#242321
```
#242321 rgb(36,35,33)
```
#26231f
```
#26231f rgb(38,35,31)
```
#29231c
```
#29231c rgb(41,35,28)
```
#2c2319
```
#2c2319 rgb(44,35,25)
```
#2e2417
```
#2e2417 rgb(46,36,23)
```
#312414
```
#312414 rgb(49,36,20)
```
#342411
```
#342411 rgb(52,36,17)
```
#36250f
```
#36250f rgb(54,37,15)
```
#39250c
```
#39250c rgb(57,37,12)
```
#3c2509
```
#3c2509 rgb(60,37,9)
```
#3e2507
```
#3e2507 rgb(62,37,7)
```
#412604
```
#412604 rgb(65,38,4)
```
#442601
```
#442601 rgb(68,38,1)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#282622 Atypical Achromatopsia 0.001% of the population

Dichromacy

#353121 Protanopia 1% of men
#3b2f20 Deuteranopia 1% of men
#3d2d30 Tritanopia 0.001% of the population

Trichromacy

#342c1c Protanomaly 1% of men, 0.01% of women
#372b1b Deuteranomaly 6% of men, 0.4% of women
#382926 Tritanomaly 0.01% of the population

#312414 hex color

#312414 Color Information

#312414 Color Conversion

Color Schemes with #312414

Alternatives to #312414

#312414 Preview

Shades and Tints of #312414

Tones of #312414

Color Blindness Simulator