#312109 hex color

In a RGB color space, hex #312109 is composed of 19.2% red, 12.9% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 81.6% yellow and 80.8% black. It has a hue angle of 36 degrees, a saturation of 69% and a lightness of 11.4%. #312109 color hex could be obtained by blending #624212 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 13
- B 4
RGB color chart
- C 0
- M 33
- Y 82
- K 81
CMYK color chart

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

The hexadecimal color #312109 has RGB values of R:49, G:33, B:9 and CMYK values of C:0, M:0.33, Y:0.82, K:0.81. Its decimal value is 3219721.

Hex triplet	312109	`#312109`
RGB Decimal	49, 33, 9	`rgb(49,33,9)`
RGB Percent	19.2, 12.9, 3.5	`rgb(19.2%,12.9%,3.5%)`
CMYK	0, 33, 82, 81
HSL	36°, 69, 11.4	`hsl(36,69%,11.4%)`
HSV (or HSB)	36°, 81.6, 19.2
Web Safe	333300	`#333300`

CIE-LAB	14.177, 4.663, 17.287
XYZ	1.86, 1.761, 0.5
xyY	0.451, 0.427, 1.761
CIE-LCH	14.177, 17.905, 74.903
CIE-LUV	14.177, 9.596, 11.781
Hunter-Lab	13.268, 1.8, 7.052
Binary	00110001, 00100001, 00001001

#312109
```
#312109 rgb(49,33,9)
```
#091931
```
#091931 rgb(9,25,49)
```

Complementary Color

#310d09
```
#310d09 rgb(49,13,9)
```
#312109
```
#312109 rgb(49,33,9)
```
#2d3109
```
#2d3109 rgb(45,49,9)
```

Analogous Color

#0d0931
```
#0d0931 rgb(13,9,49)
```
#312109
```
#312109 rgb(49,33,9)
```
#092d31
```
#092d31 rgb(9,45,49)
```

Split Complementary Color

#210931
```
#210931 rgb(33,9,49)
```
#312109
```
#312109 rgb(49,33,9)
```
#093121
```
#093121 rgb(9,49,33)
```

Triadic Color

#310919
```
#310919 rgb(49,9,25)
```
#312109
```
#312109 rgb(49,33,9)
```
#093121
```
#093121 rgb(9,49,33)
```
#091931
```
#091931 rgb(9,25,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#060401
```
#060401 rgb(6,4,1)
```
#1b1205
```
#1b1205 rgb(27,18,5)
```
#312109
```
#312109 rgb(49,33,9)
```
#47300d
```
#47300d rgb(71,48,13)
```
#5c3e11
```
#5c3e11 rgb(92,62,17)
```
#724d15
```
#724d15 rgb(114,77,21)
```

Monochromatic Color

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

#311709
```
#311709 rgb(49,23,9)
```
#311a09
```
#311a09 rgb(49,26,9)
```
#311e09
```
#311e09 rgb(49,30,9)
```
#312109
```
#312109 rgb(49,33,9)
```
#312409
```
#312409 rgb(49,36,9)
```
#312809
```
#312809 rgb(49,40,9)
```
#312b09
```
#312b09 rgb(49,43,9)
```

Similar Colors

Text with hexadecimal color #312109

This text has a font color of #312109.

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

#312109 background color

This paragraph has a background color of #312109.

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

#312109 border color

This element has a border color of #312109.

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

CSS codes

.text {color:#312109;}

.background {background-color:#312109;}

.border {border:1px solid #312109;}

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, #100b03 is the darkest color, while #fffffe is the lightest one.

#100b03
```
#100b03 rgb(16,11,3)
```
#201606
```
#201606 rgb(32,22,6)
```
#312109
```
#312109 rgb(49,33,9)
```
#422c0c
```
#422c0c rgb(66,44,12)
```
#52370f
```
#52370f rgb(82,55,15)
```
#634212
```
#634212 rgb(99,66,18)
```
#734e15
```
#734e15 rgb(115,78,21)
```
#845918
```
#845918 rgb(132,89,24)
```
#94641b
```
#94641b rgb(148,100,27)
```
#a56f1e
```
#a56f1e rgb(165,111,30)
```
#b67a21
```
#b67a21 rgb(182,122,33)
```
#c68524
```
#c68524 rgb(198,133,36)
```
#d79127
```
#d79127 rgb(215,145,39)
```

Shade Color Variation

#da9937
```
#da9937 rgb(218,153,55)
```
#dda248
```
#dda248 rgb(221,162,72)
```
#e0aa59
```
#e0aa59 rgb(224,170,89)
```
#e3b369
```
#e3b369 rgb(227,179,105)
```
#e7bb7a
```
#e7bb7a rgb(231,187,122)
```
#eac38a
```
#eac38a rgb(234,195,138)
```
#edcc9b
```
#edcc9b rgb(237,204,155)
```
#f0d4ab
```
#f0d4ab rgb(240,212,171)
```
#f3ddbc
```
#f3ddbc rgb(243,221,188)
```
#f6e5cd
```
#f6e5cd rgb(246,229,205)
```
#f9eedd
```
#f9eedd rgb(249,238,221)
```
#fcf6ee
```
#fcf6ee rgb(252,246,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#1f1d1b
```
#1f1d1b rgb(31,29,27)
```
#211e19
```
#211e19 rgb(33,30,25)
```
#241e16
```
#241e16 rgb(36,30,22)
```
#261f14
```
#261f14 rgb(38,31,20)
```
#281f12
```
#281f12 rgb(40,31,18)
```
#2a2010
```
#2a2010 rgb(42,32,16)
```
#2d200d
```
#2d200d rgb(45,32,13)
```
#2f210b
```
#2f210b rgb(47,33,11)
```
#312109
```
#312109 rgb(49,33,9)
```
#332107
```
#332107 rgb(51,33,7)
```
#352205
```
#352205 rgb(53,34,5)
```
#382202
```
#382202 rgb(56,34,2)
```
#3a2300
```
#3a2300 rgb(58,35,0)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#26231e Atypical Achromatopsia 0.001% of the population

Dichromacy

#342f16 Protanopia 1% of men
#3a2d15 Deuteranopia 1% of men
#3d2a2c Tritanopia 0.001% of the population

Trichromacy

#332a11 Protanomaly 1% of men, 0.01% of women
#362810 Deuteranomaly 6% of men, 0.4% of women
#38261f Tritanomaly 0.01% of the population

#312109 hex color

#312109 Color Information

#312109 Color Conversion

Color Schemes with #312109

Alternatives to #312109

#312109 Preview

Shades and Tints of #312109

Tones of #312109

Color Blindness Simulator