#312f19 hex color

In a RGB color space, hex #312f19 is composed of 19.2% red, 18.4% green and 9.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.1% magenta, 49% yellow and 80.8% black. It has a hue angle of 55 degrees, a saturation of 32.4% and a lightness of 14.5%. #312f19 color hex could be obtained by blending #625e32 with #000000. Closest websafe color is: #333300.

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

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

The hexadecimal color #312f19 has RGB values of R:49, G:47, B:25 and CMYK values of C:0, M:0.04, Y:0.49, K:0.81. Its decimal value is 3223321.

Hex triplet	312f19	`#312f19`
RGB Decimal	49, 47, 25	`rgb(49,47,25)`
RGB Percent	19.2, 18.4, 9.8	`rgb(19.2%,18.4%,9.8%)`
CMYK	0, 4, 49, 81
HSL	55°, 32.4, 14.5	`hsl(55,32.4%,14.5%)`
HSV (or HSB)	55°, 49, 19.2
Web Safe	333300	`#333300`

CIE-LAB	19.04, -3.162, 14.444
XYZ	2.459, 2.756, 1.322
xyY	0.376, 0.422, 2.756
CIE-LCH	19.04, 14.786, 102.349
CIE-LUV	19.04, 1.989, 12.614
Hunter-Lab	16.602, -2.619, 6.9
Binary	00110001, 00101111, 00011001

#312f19
```
#312f19 rgb(49,47,25)
```
#191b31
```
#191b31 rgb(25,27,49)
```

Complementary Color

#312319
```
#312319 rgb(49,35,25)
```
#312f19
```
#312f19 rgb(49,47,25)
```
#273119
```
#273119 rgb(39,49,25)
```

Analogous Color

#231931
```
#231931 rgb(35,25,49)
```
#312f19
```
#312f19 rgb(49,47,25)
```
#192731
```
#192731 rgb(25,39,49)
```

Split Complementary Color

#2f1931
```
#2f1931 rgb(47,25,49)
```
#312f19
```
#312f19 rgb(49,47,25)
```
#19312f
```
#19312f rgb(25,49,47)
```

Triadic Color

#31191b
```
#31191b rgb(49,25,27)
```
#312f19
```
#312f19 rgb(49,47,25)
```
#19312f
```
#19312f rgb(25,49,47)
```
#191b31
```
#191b31 rgb(25,27,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0f0f08
```
#0f0f08 rgb(15,15,8)
```
#201f10
```
#201f10 rgb(32,31,16)
```
#312f19
```
#312f19 rgb(49,47,25)
```
#423f22
```
#423f22 rgb(66,63,34)
```
#534f2a
```
#534f2a rgb(83,79,42)
```
#646033
```
#646033 rgb(100,96,51)
```

Monochromatic Color

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

#312919
```
#312919 rgb(49,41,25)
```
#312b19
```
#312b19 rgb(49,43,25)
```
#312d19
```
#312d19 rgb(49,45,25)
```
#312f19
```
#312f19 rgb(49,47,25)
```
#313119
```
#313119 rgb(49,49,25)
```
#2f3119
```
#2f3119 rgb(47,49,25)
```
#2d3119
```
#2d3119 rgb(45,49,25)
```

Similar Colors

Text with hexadecimal color #312f19

This text has a font color of #312f19.

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

#312f19 background color

This paragraph has a background color of #312f19.

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

#312f19 border color

This element has a border color of #312f19.

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

CSS codes

.text {color:#312f19;}

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

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

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, #0a0a05 is the darkest color, while #fdfdfc is the lightest one.

#0a0a05
```
#0a0a05 rgb(10,10,5)
```
#17160c
```
#17160c rgb(23,22,12)
```
#242312
```
#242312 rgb(36,35,18)
```
#312f19
```
#312f19 rgb(49,47,25)
```
#3e3b20
```
#3e3b20 rgb(62,59,32)
```
#4b4826
```
#4b4826 rgb(75,72,38)
```
#58542d
```
#58542d rgb(88,84,45)
```
#656134
```
#656134 rgb(101,97,52)
```
#726d3a
```
#726d3a rgb(114,109,58)
```
#7f7a41
```
#7f7a41 rgb(127,122,65)
```
#8c8647
```
#8c8647 rgb(140,134,71)
```
#99934e
```
#99934e rgb(153,147,78)
```
#a69f55
```
#a69f55 rgb(166,159,85)
```

Shade Color Variation

#aea760
```
#aea760 rgb(174,167,96)
```
#b5af6d
```
#b5af6d rgb(181,175,109)
```
#bbb67a
```
#bbb67a rgb(187,182,122)
```
#c2bd87
```
#c2bd87 rgb(194,189,135)
```
#c8c494
```
#c8c494 rgb(200,196,148)
```
#cfcba1
```
#cfcba1 rgb(207,203,161)
```
#d6d2ae
```
#d6d2ae rgb(214,210,174)
```
#dcdabb
```
#dcdabb rgb(220,218,187)
```
#e3e1c8
```
#e3e1c8 rgb(227,225,200)
```
#eae8d5
```
#eae8d5 rgb(234,232,213)
```
#f0efe2
```
#f0efe2 rgb(240,239,226)
```
#f7f6ef
```
#f7f6ef rgb(247,246,239)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#262624
```
#262624 rgb(38,38,36)
```
#282822
```
#282822 rgb(40,40,34)
```
#2b2a1f
```
#2b2a1f rgb(43,42,31)
```
#2e2d1c
```
#2e2d1c rgb(46,45,28)
```
#312f19
```
#312f19 rgb(49,47,25)
```
#343116
```
#343116 rgb(52,49,22)
```
#373413
```
#373413 rgb(55,52,19)
```
#3a3610
```
#3a3610 rgb(58,54,16)
```
#3c380e
```
#3c380e rgb(60,56,14)
```
#3f3b0b
```
#3f3b0b rgb(63,59,11)
```
#423d08
```
#423d08 rgb(66,61,8)
```
#454005
```
#454005 rgb(69,64,5)
```
#484202
```
#484202 rgb(72,66,2)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2e2d29 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e3924 Protanopia 1% of men
#443625 Deuteranopia 1% of men
#3e373b Tritanopia 0.001% of the population

Trichromacy

#393520 Protanomaly 1% of men, 0.01% of women
#3d3321 Deuteranomaly 6% of men, 0.4% of women
#39342e Tritanomaly 0.01% of the population

#312f19 hex color

#312f19 Color Information

#312f19 Color Conversion

Color Schemes with #312f19

Alternatives to #312f19

#312f19 Preview

Shades and Tints of #312f19

Tones of #312f19

Color Blindness Simulator