#311f09 hex color

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

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

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

The hexadecimal color #311f09 has RGB values of R:49, G:31, B:9 and CMYK values of C:0, M:0.37, Y:0.82, K:0.81. Its decimal value is 3219209.

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

CIE-LAB	13.548, 6.059, 16.46
XYZ	1.806, 1.653, 0.482
xyY	0.458, 0.419, 1.653
CIE-LCH	13.548, 17.54, 69.79
CIE-LUV	13.548, 10.522, 10.932
Hunter-Lab	12.856, 2.577, 6.775
Binary	00110001, 00011111, 00001001

#311f09
```
#311f09 rgb(49,31,9)
```
#091b31
```
#091b31 rgb(9,27,49)
```

Complementary Color

#310b09
```
#310b09 rgb(49,11,9)
```
#311f09
```
#311f09 rgb(49,31,9)
```
#2f3109
```
#2f3109 rgb(47,49,9)
```

Analogous Color

#0b0931
```
#0b0931 rgb(11,9,49)
```
#311f09
```
#311f09 rgb(49,31,9)
```
#092f31
```
#092f31 rgb(9,47,49)
```

Split Complementary Color

#1f0931
```
#1f0931 rgb(31,9,49)
```
#311f09
```
#311f09 rgb(49,31,9)
```
#09311f
```
#09311f rgb(9,49,31)
```

Triadic Color

#31091b
```
#31091b rgb(49,9,27)
```
#311f09
```
#311f09 rgb(49,31,9)
```
#09311f
```
#09311f rgb(9,49,31)
```
#091b31
```
#091b31 rgb(9,27,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#060401
```
#060401 rgb(6,4,1)
```
#1b1105
```
#1b1105 rgb(27,17,5)
```
#311f09
```
#311f09 rgb(49,31,9)
```
#472d0d
```
#472d0d rgb(71,45,13)
```
#5c3a11
```
#5c3a11 rgb(92,58,17)
```
#724815
```
#724815 rgb(114,72,21)
```

Monochromatic Color

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

#311509
```
#311509 rgb(49,21,9)
```
#311809
```
#311809 rgb(49,24,9)
```
#311c09
```
#311c09 rgb(49,28,9)
```
#311f09
```
#311f09 rgb(49,31,9)
```
#312209
```
#312209 rgb(49,34,9)
```
#312609
```
#312609 rgb(49,38,9)
```
#312909
```
#312909 rgb(49,41,9)
```

Similar Colors

Text with hexadecimal color #311f09

This text has a font color of #311f09.

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

#311f09 background color

This paragraph has a background color of #311f09.

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

#311f09 border color

This element has a border color of #311f09.

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

CSS codes

.text {color:#311f09;}

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

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

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

#100a03
```
#100a03 rgb(16,10,3)
```
#201506
```
#201506 rgb(32,21,6)
```
#311f09
```
#311f09 rgb(49,31,9)
```
#42290c
```
#42290c rgb(66,41,12)
```
#52340f
```
#52340f rgb(82,52,15)
```
#633e12
```
#633e12 rgb(99,62,18)
```
#734915
```
#734915 rgb(115,73,21)
```
#845318
```
#845318 rgb(132,83,24)
```
#945e1b
```
#945e1b rgb(148,94,27)
```
#a5681e
```
#a5681e rgb(165,104,30)
```
#b67321
```
#b67321 rgb(182,115,33)
```
#c67d24
```
#c67d24 rgb(198,125,36)
```
#d78827
```
#d78827 rgb(215,136,39)
```

Shade Color Variation

#da9137
```
#da9137 rgb(218,145,55)
```
#dd9a48
```
#dd9a48 rgb(221,154,72)
```
#e0a359
```
#e0a359 rgb(224,163,89)
```
#e3ac69
```
#e3ac69 rgb(227,172,105)
```
#e7b67a
```
#e7b67a rgb(231,182,122)
```
#eabf8a
```
#eabf8a rgb(234,191,138)
```
#edc89b
```
#edc89b rgb(237,200,155)
```
#f0d1ab
```
#f0d1ab rgb(240,209,171)
```
#f3dabc
```
#f3dabc rgb(243,218,188)
```
#f6e3cd
```
#f6e3cd rgb(246,227,205)
```
#f9ecdd
```
#f9ecdd rgb(249,236,221)
```
#fcf5ee
```
#fcf5ee rgb(252,245,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 #3a2000 is the most saturated one.

#1f1d1b
```
#1f1d1b rgb(31,29,27)
```
#211d19
```
#211d19 rgb(33,29,25)
```
#241e16
```
#241e16 rgb(36,30,22)
```
#261e14
```
#261e14 rgb(38,30,20)
```
#281e12
```
#281e12 rgb(40,30,18)
```
#2a1e10
```
#2a1e10 rgb(42,30,16)
```
#2d1f0d
```
#2d1f0d rgb(45,31,13)
```
#2f1f0b
```
#2f1f0b rgb(47,31,11)
```
#311f09
```
#311f09 rgb(49,31,9)
```
#331f07
```
#331f07 rgb(51,31,7)
```
#351f05
```
#351f05 rgb(53,31,5)
```
#382002
```
#382002 rgb(56,32,2)
```
#3a2000
```
#3a2000 rgb(58,32,0)
```

Tone Color Variation

Below, you can see how #311f09 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
#25211d Atypical Achromatopsia 0.001% of the population

Dichromacy

#322e16 Protanopia 1% of men
#382c15 Deuteranopia 1% of men
#3d282b Tritanopia 0.001% of the population

Trichromacy

#322811 Protanomaly 1% of men, 0.01% of women
#352710 Deuteranomaly 6% of men, 0.4% of women
#38241e Tritanomaly 0.01% of the population

#311f09 hex color

#311f09 Color Information

#311f09 Color Conversion

Color Schemes with #311f09

Alternatives to #311f09

#311f09 Preview

Shades and Tints of #311f09

Tones of #311f09

Color Blindness Simulator