#312f0c hex color

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

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

● #312f0c color description : Very dark (mostly black) yellow [Olive tone].

The hexadecimal color #312f0c has RGB values of R:49, G:47, B:12 and CMYK values of C:0, M:0.04, Y:0.76, K:0.81. Its decimal value is 3223308.

Hex triplet	312f0c	`#312f0c`
RGB Decimal	49, 47, 12	`rgb(49,47,12)`
RGB Percent	19.2, 18.4, 4.7	`rgb(19.2%,18.4%,4.7%)`
CMYK	0, 4, 76, 81
HSL	56.8°, 60.7, 12	`hsl(56.8,60.7%,12%)`
HSV (or HSB)	56.8°, 75.5, 19.2
Web Safe	333300	`#333300`

CIE-LAB	18.854, -4.581, 21.813
XYZ	2.349, 2.713, 0.748
xyY	0.404, 0.467, 2.713
CIE-LCH	18.854, 22.289, 101.86
CIE-LUV	18.854, 2.379, 17.356
Hunter-Lab	16.47, -3.359, 8.838
Binary	00110001, 00101111, 00001100

#312f0c
```
#312f0c rgb(49,47,12)
```
#0c0e31
```
#0c0e31 rgb(12,14,49)
```

Complementary Color

#311d0c
```
#311d0c rgb(49,29,12)
```
#312f0c
```
#312f0c rgb(49,47,12)
```
#21310c
```
#21310c rgb(33,49,12)
```

Analogous Color

#1d0c31
```
#1d0c31 rgb(29,12,49)
```
#312f0c
```
#312f0c rgb(49,47,12)
```
#0c2131
```
#0c2131 rgb(12,33,49)
```

Split Complementary Color

#2f0c31
```
#2f0c31 rgb(47,12,49)
```
#312f0c
```
#312f0c rgb(49,47,12)
```
#0c312f
```
#0c312f rgb(12,49,47)
```

Triadic Color

#310c0e
```
#310c0e rgb(49,12,14)
```
#312f0c
```
#312f0c rgb(49,47,12)
```
#0c312f
```
#0c312f rgb(12,49,47)
```
#0c0e31
```
#0c0e31 rgb(12,14,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#080802
```
#080802 rgb(8,8,2)
```
#1d1b07
```
#1d1b07 rgb(29,27,7)
```
#312f0c
```
#312f0c rgb(49,47,12)
```
#454311
```
#454311 rgb(69,67,17)
```
#5a5616
```
#5a5616 rgb(90,86,22)
```
#6e6a1b
```
#6e6a1b rgb(110,106,27)
```

Monochromatic Color

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

#31260c
```
#31260c rgb(49,38,12)
```
#31290c
```
#31290c rgb(49,41,12)
```
#312c0c
```
#312c0c rgb(49,44,12)
```
#312f0c
```
#312f0c rgb(49,47,12)
```
#30310c
```
#30310c rgb(48,49,12)
```
#2d310c
```
#2d310c rgb(45,49,12)
```
#2a310c
```
#2a310c rgb(42,49,12)
```

Similar Colors

Text with hexadecimal color #312f0c

This text has a font color of #312f0c.

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

#312f0c background color

This paragraph has a background color of #312f0c.

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

#312f0c border color

This element has a border color of #312f0c.

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

CSS codes

.text {color:#312f0c;}

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

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

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

#020200
```
#020200 rgb(2,2,0)
```
#111104
```
#111104 rgb(17,17,4)
```
#212008
```
#212008 rgb(33,32,8)
```
#312f0c
```
#312f0c rgb(49,47,12)
```
#413e10
```
#413e10 rgb(65,62,16)
```
#514d14
```
#514d14 rgb(81,77,20)
```
#605c18
```
#605c18 rgb(96,92,24)
```
#706b1b
```
#706b1b rgb(112,107,27)
```
#807b1f
```
#807b1f rgb(128,123,31)
```
#908a23
```
#908a23 rgb(144,138,35)
```
#9f9927
```
#9f9927 rgb(159,153,39)
```
#afa82b
```
#afa82b rgb(175,168,43)
```
#bfb72f
```
#bfb72f rgb(191,183,47)
```

Shade Color Variation

#cdc534
```
#cdc534 rgb(205,197,52)
```
#d1c944
```
#d1c944 rgb(209,201,68)
```
#d5ce53
```
#d5ce53 rgb(213,206,83)
```
#d9d263
```
#d9d263 rgb(217,210,99)
```
#ddd773
```
#ddd773 rgb(221,215,115)
```
#e1db83
```
#e1db83 rgb(225,219,131)
```
#e4e092
```
#e4e092 rgb(228,224,146)
```
#e8e4a2
```
#e8e4a2 rgb(232,228,162)
```
#ece9b2
```
#ece9b2 rgb(236,233,178)
```
#f0edc2
```
#f0edc2 rgb(240,237,194)
```
#f4f2d1
```
#f4f2d1 rgb(244,242,209)
```
#f8f6e1
```
#f8f6e1 rgb(248,246,225)
```
#fcfbf1
```
#fcfbf1 rgb(252,251,241)
```

Tint Color Variation

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

#21201c
```
#21201c rgb(33,32,28)
```
#23221a
```
#23221a rgb(35,34,26)
```
#252518
```
#252518 rgb(37,37,24)
```
#282715
```
#282715 rgb(40,39,21)
```
#2a2913
```
#2a2913 rgb(42,41,19)
```
#2c2b11
```
#2c2b11 rgb(44,43,17)
```
#2f2d0e
```
#2f2d0e rgb(47,45,14)
```
#312f0c
```
#312f0c rgb(49,47,12)
```
#33310a
```
#33310a rgb(51,49,10)
```
#363307
```
#363307 rgb(54,51,7)
```
#383505
```
#383505 rgb(56,53,5)
```
#3a3703
```
#3a3703 rgb(58,55,3)
```
#3d3900
```
#3d3900 rgb(61,57,0)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d2d26 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e3818 Protanopia 1% of men
#45361a Deuteranopia 1% of men
#3f363a Tritanopia 0.001% of the population

Trichromacy

#393513 Protanomaly 1% of men, 0.01% of women
#3e3314 Deuteranomaly 6% of men, 0.4% of women
#3a3329 Tritanomaly 0.01% of the population

#312f0c hex color

#312f0c Color Information

#312f0c Color Conversion

Color Schemes with #312f0c

Alternatives to #312f0c

#312f0c Preview

Shades and Tints of #312f0c

Tones of #312f0c

Color Blindness Simulator