#31180e hex color

In a RGB color space, hex #31180e is composed of 19.2% red, 9.4% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51% magenta, 71.4% yellow and 80.8% black. It has a hue angle of 17.1 degrees, a saturation of 55.6% and a lightness of 12.4%. #31180e color hex could be obtained by blending #62301c with #000000. Closest websafe color is: #330000.

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

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

The hexadecimal color #31180e has RGB values of R:49, G:24, B:14 and CMYK values of C:0, M:0.51, Y:0.71, K:0.81. Its decimal value is 3217422.

Hex triplet	31180e	`#31180e`
RGB Decimal	49, 24, 14	`rgb(49,24,14)`
RGB Percent	19.2, 9.4, 5.5	`rgb(19.2%,9.4%,5.5%)`
CMYK	0, 51, 71, 81
HSL	17.1°, 55.6, 12.4	`hsl(17.1,55.6%,12.4%)`
HSV (or HSB)	17.1°, 71.4, 19.2
Web Safe	330000	`#330000`

CIE-LAB	11.539, 11.349, 11.519
XYZ	1.673, 1.338, 0.586
xyY	0.465, 0.372, 1.338
CIE-LCH	11.539, 16.17, 45.425
CIE-LUV	11.539, 13.028, 6.616
Hunter-Lab	11.567, 5.566, 5.096
Binary	00110001, 00011000, 00001110

#31180e
```
#31180e rgb(49,24,14)
```
#0e2731
```
#0e2731 rgb(14,39,49)
```

Complementary Color

#310e16
```
#310e16 rgb(49,14,22)
```
#31180e
```
#31180e rgb(49,24,14)
```
#312a0e
```
#312a0e rgb(49,42,14)
```

Analogous Color

#0e1631
```
#0e1631 rgb(14,22,49)
```
#31180e
```
#31180e rgb(49,24,14)
```
#0e312a
```
#0e312a rgb(14,49,42)
```

Split Complementary Color

#180e31
```
#180e31 rgb(24,14,49)
```
#31180e
```
#31180e rgb(49,24,14)
```
#0e3118
```
#0e3118 rgb(14,49,24)
```

Triadic Color

#310e27
```
#310e27 rgb(49,14,39)
```
#31180e
```
#31180e rgb(49,24,14)
```
#0e3118
```
#0e3118 rgb(14,49,24)
```
#0e2731
```
#0e2731 rgb(14,39,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#090503
```
#090503 rgb(9,5,3)
```
#1d0e08
```
#1d0e08 rgb(29,14,8)
```
#31180e
```
#31180e rgb(49,24,14)
```
#452214
```
#452214 rgb(69,34,20)
```
#592b19
```
#592b19 rgb(89,43,25)
```
#6d351f
```
#6d351f rgb(109,53,31)
```

Monochromatic Color

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

#310f0e
```
#310f0e rgb(49,15,14)
```
#31120e
```
#31120e rgb(49,18,14)
```
#31150e
```
#31150e rgb(49,21,14)
```
#31180e
```
#31180e rgb(49,24,14)
```
#311b0e
```
#311b0e rgb(49,27,14)
```
#311e0e
```
#311e0e rgb(49,30,14)
```
#31210e
```
#31210e rgb(49,33,14)
```

Similar Colors

Text with hexadecimal color #31180e

This text has a font color of #31180e.

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

#31180e background color

This paragraph has a background color of #31180e.

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

#31180e border color

This element has a border color of #31180e.

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

CSS codes

.text {color:#31180e;}

.background {background-color:#31180e;}

.border {border:1px solid #31180e;}

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

#030201
```
#030201 rgb(3,2,1)
```
#120905
```
#120905 rgb(18,9,5)
```
#22110a
```
#22110a rgb(34,17,10)
```
#31180e
```
#31180e rgb(49,24,14)
```
#401f12
```
#401f12 rgb(64,31,18)
```
#502717
```
#502717 rgb(80,39,23)
```
#5f2e1b
```
#5f2e1b rgb(95,46,27)
```
#6e361f
```
#6e361f rgb(110,54,31)
```
#7d3d24
```
#7d3d24 rgb(125,61,36)
```
#8d4528
```
#8d4528 rgb(141,69,40)
```
#9c4c2d
```
#9c4c2d rgb(156,76,45)
```
#ab5431
```
#ab5431 rgb(171,84,49)
```
#ba5b35
```
#ba5b35 rgb(186,91,53)
```

Shade Color Variation

#c7643c
```
#c7643c rgb(199,100,60)
```
#cc704b
```
#cc704b rgb(204,112,75)
```
#d07c5a
```
#d07c5a rgb(208,124,90)
```
#d4886a
```
#d4886a rgb(212,136,106)
```
#d99479
```
#d99479 rgb(217,148,121)
```
#dda088
```
#dda088 rgb(221,160,136)
```
#e1ad97
```
#e1ad97 rgb(225,173,151)
```
#e6b9a7
```
#e6b9a7 rgb(230,185,167)
```
#eac5b6
```
#eac5b6 rgb(234,197,182)
```
#eed1c5
```
#eed1c5 rgb(238,209,197)
```
#f3ddd4
```
#f3ddd4 rgb(243,221,212)
```
#f7e9e4
```
#f7e9e4 rgb(247,233,228)
```
#fcf5f3
```
#fcf5f3 rgb(252,245,243)
```

Tint Color Variation

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

#201f1f
```
#201f1f rgb(32,31,31)
```
#221e1d
```
#221e1d rgb(34,30,29)
```
#251d1a
```
#251d1a rgb(37,29,26)
```
#271c18
```
#271c18 rgb(39,28,24)
```
#2a1b15
```
#2a1b15 rgb(42,27,21)
```
#2c1a13
```
#2c1a13 rgb(44,26,19)
```
#2f1910
```
#2f1910 rgb(47,25,16)
```
#31180e
```
#31180e rgb(49,24,14)
```
#33170c
```
#33170c rgb(51,23,12)
```
#361609
```
#361609 rgb(54,22,9)
```
#381507
```
#381507 rgb(56,21,7)
```
#3b1404
```
#3b1404 rgb(59,20,4)
```
#3d1302
```
#3d1302 rgb(61,19,2)
```

Tone Color Variation

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

#1e1e1e Achromatopsia 0.005% of the population
#221d1b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d2a1c Protanopia 1% of men
#332819 Deuteranopia 1% of men
#3c2224 Tritanopia 0.001% of the population

Trichromacy

#2e2317 Protanomaly 1% of men, 0.01% of women
#322215 Deuteranomaly 6% of men, 0.4% of women
#381e1c Tritanomaly 0.01% of the population

#31180e hex color

#31180e Color Information

#31180e Color Conversion

Color Schemes with #31180e

Alternatives to #31180e

#31180e Preview

Shades and Tints of #31180e

Tones of #31180e

Color Blindness Simulator