colorhexa.com

#31170c hex color

In a RGB color space, hex #31170c is composed of 19.2% red, 9% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 75.5% yellow and 80.8% black. It has a hue angle of 17.8 degrees, a saturation of 60.7% and a lightness of 12%. #31170c color hex could be obtained by blending #622e18 with #000000. Closest websafe color is: #330000.

- R 19
- G 9
- B 5
RGB color chart
- C 0
- M 53
- Y 76
- K 81
CMYK color chart

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

The hexadecimal color #31170c has RGB values of R:49, G:23, B:12 and CMYK values of C:0, M:0.53, Y:0.76, K:0.81. Its decimal value is 3217164.

Hex triplet	31170c	`#31170c`
RGB Decimal	49, 23, 12	`rgb(49,23,12)`
RGB Percent	19.2, 9, 4.7	`rgb(19.2%,9%,4.7%)`
CMYK	0, 53, 76, 81
HSL	17.8°, 60.7, 12	`hsl(17.8,60.7%,12%)`
HSV (or HSB)	17.8°, 75.5, 19.2
Web Safe	330000	`#330000`

CIE-LAB	11.222, 11.849, 12.041
XYZ	1.639, 1.292, 0.511
xyY	0.476, 0.375, 1.292
CIE-LCH	11.222, 16.894, 45.46
CIE-LUV	11.222, 13.547, 6.899
Hunter-Lab	11.369, 5.846, 5.293
Binary	00110001, 00010111, 00001100

#31170c
```
#31170c rgb(49,23,12)
```
#0c2631
```
#0c2631 rgb(12,38,49)
```

Complementary Color

#310c14
```
#310c14 rgb(49,12,20)
```
#31170c
```
#31170c rgb(49,23,12)
```
#312a0c
```
#312a0c rgb(49,42,12)
```

Analogous Color

#0c1431
```
#0c1431 rgb(12,20,49)
```
#31170c
```
#31170c rgb(49,23,12)
```
#0c312a
```
#0c312a rgb(12,49,42)
```

Split Complementary Color

#000000
```
#000000 rgb(0,0,0)
```
#080402
```
#080402 rgb(8,4,2)
```
#1d0d07
```
#1d0d07 rgb(29,13,7)
```
#31170c
```
#31170c rgb(49,23,12)
```
#452111
```
#452111 rgb(69,33,17)
```
#5a2a16
```
#5a2a16 rgb(90,42,22)
```
#6e341b
```
#6e341b rgb(110,52,27)
```

Monochromatic Color

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

#310e0c
```
#310e0c rgb(49,14,12)
```
#31110c
```
#31110c rgb(49,17,12)
```
#31140c
```
#31140c rgb(49,20,12)
```
#31170c
```
#31170c rgb(49,23,12)
```
#311a0c
```
#311a0c rgb(49,26,12)
```
#311d0c
```
#311d0c rgb(49,29,12)
```
#31200c
```
#31200c rgb(49,32,12)
```

Similar Colors

Text with hexadecimal color #31170c

This text has a font color of #31170c.

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

#31170c background color

This paragraph has a background color of #31170c.

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

#31170c border color

This element has a border color of #31170c.

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

CSS codes

.text {color:#31170c;}

.background {background-color:#31170c;}

.border {border:1px solid #31170c;}

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

#020100
```
#020100 rgb(2,1,0)
```
#110804
```
#110804 rgb(17,8,4)
```
#211008
```
#211008 rgb(33,16,8)
```
#31170c
```
#31170c rgb(49,23,12)
```
#411e10
```
#411e10 rgb(65,30,16)
```
#512614
```
#512614 rgb(81,38,20)
```
#602d18
```
#602d18 rgb(96,45,24)
```
#70351b
```
#70351b rgb(112,53,27)
```
#803c1f
```
#803c1f rgb(128,60,31)
```
#904323
```
#904323 rgb(144,67,35)
```
#9f4b27
```
#9f4b27 rgb(159,75,39)
```
#af522b
```
#af522b rgb(175,82,43)
```
#bf5a2f
```
#bf5a2f rgb(191,90,47)
```

Shade Color Variation

#cd6134
```
#cd6134 rgb(205,97,52)
```
#d16e44
```
#d16e44 rgb(209,110,68)
```
#d57a53
```
#d57a53 rgb(213,122,83)
```
#d98663
```
#d98663 rgb(217,134,99)
```
#dd9273
```
#dd9273 rgb(221,146,115)
```
#e19f83
```
#e19f83 rgb(225,159,131)
```
#e4ab92
```
#e4ab92 rgb(228,171,146)
```
#e8b7a2
```
#e8b7a2 rgb(232,183,162)
```
#ecc3b2
```
#ecc3b2 rgb(236,195,178)
```
#f0cfc2
```
#f0cfc2 rgb(240,207,194)
```
#f4dcd1
```
#f4dcd1 rgb(244,220,209)
```
#f8e8e1
```
#f8e8e1 rgb(248,232,225)
```
#fcf4f1
```
#fcf4f1 rgb(252,244,241)
```

Tint Color Variation

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

#211e1c
```
#211e1c rgb(33,30,28)
```
#231d1a
```
#231d1a rgb(35,29,26)
```
#251c18
```
#251c18 rgb(37,28,24)
```
#281b15
```
#281b15 rgb(40,27,21)
```
#2a1a13
```
#2a1a13 rgb(42,26,19)
```
#2c1911
```
#2c1911 rgb(44,25,17)
```
#2f180e
```
#2f180e rgb(47,24,14)
```
#31170c
```
#31170c rgb(49,23,12)
```
#33160a
```
#33160a rgb(51,22,10)
```
#361507
```
#361507 rgb(54,21,7)
```
#381405
```
#381405 rgb(56,20,5)
```
#3a1303
```
#3a1303 rgb(58,19,3)
```
#3d1200
```
#3d1200 rgb(61,18,0)
```

Tone Color Variation

Below, you can see how #31170c 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
#221d1a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d291a Protanopia 1% of men
#322717 Deuteranopia 1% of men
#3c2123 Tritanopia 0.001% of the population

Trichromacy

#2e2215 Protanomaly 1% of men, 0.01% of women
#322113 Deuteranomaly 6% of men, 0.4% of women
#381d1b Tritanomaly 0.01% of the population