#311f0c hex color

In a RGB color space, hex #311f0c is composed of 19.2% red, 12.2% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.7% magenta, 75.5% yellow and 80.8% black. It has a hue angle of 30.8 degrees, a saturation of 60.7% and a lightness of 12%. #311f0c color hex could be obtained by blending #623e18 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 12
- B 5
RGB color chart
- C 0
- M 37
- Y 76
- K 81
CMYK color chart

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

The hexadecimal color #311f0c has RGB values of R:49, G:31, B:12 and CMYK values of C:0, M:0.37, Y:0.76, K:0.81. Its decimal value is 3219212.

Hex triplet	311f0c	`#311f0c`
RGB Decimal	49, 31, 12	`rgb(49,31,12)`
RGB Percent	19.2, 12.2, 4.7	`rgb(19.2%,12.2%,4.7%)`
CMYK	0, 37, 76, 81
HSL	30.8°, 60.7, 12	`hsl(30.8,60.7%,12%)`
HSV (or HSB)	30.8°, 75.5, 19.2
Web Safe	333300	`#333300`

CIE-LAB	13.589, 6.303, 15.245
XYZ	1.823, 1.66, 0.572
xyY	0.45, 0.409, 1.66
CIE-LCH	13.589, 16.497, 67.539
CIE-LUV	13.589, 10.355, 10.065
Hunter-Lab	12.883, 2.715, 6.385
Binary	00110001, 00011111, 00001100

#311f0c
```
#311f0c rgb(49,31,12)
```
#0c1e31
```
#0c1e31 rgb(12,30,49)
```

Complementary Color

#310d0c
```
#310d0c rgb(49,13,12)
```
#311f0c
```
#311f0c rgb(49,31,12)
```
#31310c
```
#31310c rgb(49,49,12)
```

Analogous Color

#0d0c31
```
#0d0c31 rgb(13,12,49)
```
#311f0c
```
#311f0c rgb(49,31,12)
```
#0c3131
```
#0c3131 rgb(12,49,49)
```

Split Complementary Color

#1f0c31
```
#1f0c31 rgb(31,12,49)
```
#311f0c
```
#311f0c rgb(49,31,12)
```
#0c311f
```
#0c311f rgb(12,49,31)
```

Triadic Color

#310c1e
```
#310c1e rgb(49,12,30)
```
#311f0c
```
#311f0c rgb(49,31,12)
```
#0c311f
```
#0c311f rgb(12,49,31)
```
#0c1e31
```
#0c1e31 rgb(12,30,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#080502
```
#080502 rgb(8,5,2)
```
#1d1207
```
#1d1207 rgb(29,18,7)
```
#311f0c
```
#311f0c rgb(49,31,12)
```
#452c11
```
#452c11 rgb(69,44,17)
```
#5a3916
```
#5a3916 rgb(90,57,22)
```
#6e461b
```
#6e461b rgb(110,70,27)
```

Monochromatic Color

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

#31160c
```
#31160c rgb(49,22,12)
```
#31190c
```
#31190c rgb(49,25,12)
```
#311c0c
```
#311c0c rgb(49,28,12)
```
#311f0c
```
#311f0c rgb(49,31,12)
```
#31220c
```
#31220c rgb(49,34,12)
```
#31250c
```
#31250c rgb(49,37,12)
```
#31280c
```
#31280c rgb(49,40,12)
```

Similar Colors

Text with hexadecimal color #311f0c

This text has a font color of #311f0c.

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

#311f0c background color

This paragraph has a background color of #311f0c.

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

#311f0c border color

This element has a border color of #311f0c.

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

CSS codes

.text {color:#311f0c;}

.background {background-color:#311f0c;}

.border {border:1px solid #311f0c;}

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 #fcf6f1 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#110b04
```
#110b04 rgb(17,11,4)
```
#211508
```
#211508 rgb(33,21,8)
```
#311f0c
```
#311f0c rgb(49,31,12)
```
#412910
```
#412910 rgb(65,41,16)
```
#513314
```
#513314 rgb(81,51,20)
```
#603d18
```
#603d18 rgb(96,61,24)
```
#70471b
```
#70471b rgb(112,71,27)
```
#80511f
```
#80511f rgb(128,81,31)
```
#905b23
```
#905b23 rgb(144,91,35)
```
#9f6527
```
#9f6527 rgb(159,101,39)
```
#af6f2b
```
#af6f2b rgb(175,111,43)
```
#bf792f
```
#bf792f rgb(191,121,47)
```

Shade Color Variation

#cd8334
```
#cd8334 rgb(205,131,52)
```
#d18c44
```
#d18c44 rgb(209,140,68)
```
#d59653
```
#d59653 rgb(213,150,83)
```
#d9a063
```
#d9a063 rgb(217,160,99)
```
#dda973
```
#dda973 rgb(221,169,115)
```
#e1b383
```
#e1b383 rgb(225,179,131)
```
#e4bd92
```
#e4bd92 rgb(228,189,146)
```
#e8c6a2
```
#e8c6a2 rgb(232,198,162)
```
#ecd0b2
```
#ecd0b2 rgb(236,208,178)
```
#f0d9c2
```
#f0d9c2 rgb(240,217,194)
```
#f4e3d1
```
#f4e3d1 rgb(244,227,209)
```
#f8ede1
```
#f8ede1 rgb(248,237,225)
```
#fcf6f1
```
#fcf6f1 rgb(252,246,241)
```

Tint Color Variation

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

#211f1c
```
#211f1c rgb(33,31,28)
```
#231f1a
```
#231f1a rgb(35,31,26)
```
#251f18
```
#251f18 rgb(37,31,24)
```
#281f15
```
#281f15 rgb(40,31,21)
```
#2a1f13
```
#2a1f13 rgb(42,31,19)
```
#2c1f11
```
#2c1f11 rgb(44,31,17)
```
#2f1f0e
```
#2f1f0e rgb(47,31,14)
```
#311f0c
```
#311f0c rgb(49,31,12)
```
#331f0a
```
#331f0a rgb(51,31,10)
```
#361f07
```
#361f07 rgb(54,31,7)
```
#381f05
```
#381f05 rgb(56,31,5)
```
#3a1f03
```
#3a1f03 rgb(58,31,3)
```
#3d1f00
```
#3d1f00 rgb(61,31,0)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#25211e Atypical Achromatopsia 0.001% of the population

Dichromacy

#322e19 Protanopia 1% of men
#382c18 Deuteranopia 1% of men
#3d282b Tritanopia 0.001% of the population

Trichromacy

#322814 Protanomaly 1% of men, 0.01% of women
#352713 Deuteranomaly 6% of men, 0.4% of women
#38251f Tritanomaly 0.01% of the population

#311f0c hex color

#311f0c Color Information

#311f0c Color Conversion

Color Schemes with #311f0c

Alternatives to #311f0c

#311f0c Preview

Shades and Tints of #311f0c

Tones of #311f0c

Color Blindness Simulator