#312d12 hex color

In a RGB color space, hex #312d12 is composed of 19.2% red, 17.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.2% magenta, 63.3% yellow and 80.8% black. It has a hue angle of 52.3 degrees, a saturation of 46.3% and a lightness of 13.1%. #312d12 color hex could be obtained by blending #625a24 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 18
- B 7
RGB color chart
- C 0
- M 8
- Y 63
- K 81
CMYK color chart

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

The hexadecimal color #312d12 has RGB values of R:49, G:45, B:18 and CMYK values of C:0, M:0.08, Y:0.63, K:0.81. Its decimal value is 3222802.

Hex triplet	312d12	`#312d12`
RGB Decimal	49, 45, 18	`rgb(49,45,18)`
RGB Percent	19.2, 17.6, 7.1	`rgb(19.2%,17.6%,7.1%)`
CMYK	0, 8, 63, 81
HSL	52.3°, 46.3, 13.1	`hsl(52.3,46.3%,13.1%)`
HSV (or HSB)	52.3°, 63.3, 19.2
Web Safe	333300	`#333300`

CIE-LAB	18.248, -2.701, 17.915
XYZ	2.314, 2.573, 0.947
xyY	0.397, 0.441, 2.573
CIE-LCH	18.248, 18.118, 98.573
CIE-LUV	18.248, 3.252, 14.464
Hunter-Lab	16.042, -2.324, 7.729
Binary	00110001, 00101101, 00010010

#312d12
```
#312d12 rgb(49,45,18)
```
#121631
```
#121631 rgb(18,22,49)
```

Complementary Color

#311e12
```
#311e12 rgb(49,30,18)
```
#312d12
```
#312d12 rgb(49,45,18)
```
#263112
```
#263112 rgb(38,49,18)
```

Analogous Color

#1e1231
```
#1e1231 rgb(30,18,49)
```
#312d12
```
#312d12 rgb(49,45,18)
```
#122631
```
#122631 rgb(18,38,49)
```

Split Complementary Color

#2d1231
```
#2d1231 rgb(45,18,49)
```
#312d12
```
#312d12 rgb(49,45,18)
```
#12312d
```
#12312d rgb(18,49,45)
```

Triadic Color

#311216
```
#311216 rgb(49,18,22)
```
#312d12
```
#312d12 rgb(49,45,18)
```
#12312d
```
#12312d rgb(18,49,45)
```
#121631
```
#121631 rgb(18,22,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0c0b04
```
#0c0b04 rgb(12,11,4)
```
#1e1c0b
```
#1e1c0b rgb(30,28,11)
```
#312d12
```
#312d12 rgb(49,45,18)
```
#443e19
```
#443e19 rgb(68,62,25)
```
#564f20
```
#564f20 rgb(86,79,32)
```
#696027
```
#696027 rgb(105,96,39)
```

Monochromatic Color

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

#312512
```
#312512 rgb(49,37,18)
```
#312812
```
#312812 rgb(49,40,18)
```
#312a12
```
#312a12 rgb(49,42,18)
```
#312d12
```
#312d12 rgb(49,45,18)
```
#313012
```
#313012 rgb(49,48,18)
```
#303112
```
#303112 rgb(48,49,18)
```
#2d3112
```
#2d3112 rgb(45,49,18)
```

Similar Colors

Text with hexadecimal color #312d12

This text has a font color of #312d12.

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

#312d12 background color

This paragraph has a background color of #312d12.

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

#312d12 border color

This element has a border color of #312d12.

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

CSS codes

.text {color:#312d12;}

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

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

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

#060502
```
#060502 rgb(6,5,2)
```
#141307
```
#141307 rgb(20,19,7)
```
#23200d
```
#23200d rgb(35,32,13)
```
#312d12
```
#312d12 rgb(49,45,18)
```
#3f3a17
```
#3f3a17 rgb(63,58,23)
```
#4e471d
```
#4e471d rgb(78,71,29)
```
#5c5522
```
#5c5522 rgb(92,85,34)
```
#6a6227
```
#6a6227 rgb(106,98,39)
```
#796f2c
```
#796f2c rgb(121,111,44)
```
#877c32
```
#877c32 rgb(135,124,50)
```
#958937
```
#958937 rgb(149,137,55)
```
#a4963c
```
#a4963c rgb(164,150,60)
```
#b2a441
```
#b2a441 rgb(178,164,65)
```

Shade Color Variation

#bdae4a
```
#bdae4a rgb(189,174,74)
```
#c2b459
```
#c2b459 rgb(194,180,89)
```
#c7bb67
```
#c7bb67 rgb(199,187,103)
```
#ccc176
```
#ccc176 rgb(204,193,118)
```
#d2c884
```
#d2c884 rgb(210,200,132)
```
#d7ce92
```
#d7ce92 rgb(215,206,146)
```
#dcd5a1
```
#dcd5a1 rgb(220,213,161)
```
#e2dbaf
```
#e2dbaf rgb(226,219,175)
```
#e7e1bd
```
#e7e1bd rgb(231,225,189)
```
#ece8cc
```
#ece8cc rgb(236,232,204)
```
#f1eeda
```
#f1eeda rgb(241,238,218)
```
#f7f5e8
```
#f7f5e8 rgb(247,245,232)
```
#fcfbf7
```
#fcfbf7 rgb(252,251,247)
```

Tint Color Variation

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

#222221
```
#222221 rgb(34,34,33)
```
#24231f
```
#24231f rgb(36,35,31)
```
#27251c
```
#27251c rgb(39,37,28)
```
#29271a
```
#29271a rgb(41,39,26)
```
#2c2917
```
#2c2917 rgb(44,41,23)
```
#2e2b15
```
#2e2b15 rgb(46,43,21)
```
#312d12
```
#312d12 rgb(49,45,18)
```
#342f0f
```
#342f0f rgb(52,47,15)
```
#36310d
```
#36310d rgb(54,49,13)
```
#39330a
```
#39330a rgb(57,51,10)
```
#3b3508
```
#3b3508 rgb(59,53,8)
```
#3e3705
```
#3e3705 rgb(62,55,5)
```
#403803
```
#403803 rgb(64,56,3)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2b26 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d371e Protanopia 1% of men
#43351f Deuteranopia 1% of men
#3e3438 Tritanopia 0.001% of the population

Trichromacy

#383319 Protanomaly 1% of men, 0.01% of women
#3c321a Deuteranomaly 6% of men, 0.4% of women
#39322a Tritanomaly 0.01% of the population

#312d12 hex color

#312d12 Color Information

#312d12 Color Conversion

Color Schemes with #312d12

Alternatives to #312d12

#312d12 Preview

Shades and Tints of #312d12

Tones of #312d12

Color Blindness Simulator