#312f16 hex color

In a RGB color space, hex #312f16 is composed of 19.2% red, 18.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.1% magenta, 55.1% yellow and 80.8% black. It has a hue angle of 55.6 degrees, a saturation of 38% and a lightness of 13.9%. #312f16 color hex could be obtained by blending #625e2c with #000000. Closest websafe color is: #333300.

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

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

The hexadecimal color #312f16 has RGB values of R:49, G:47, B:22 and CMYK values of C:0, M:0.04, Y:0.55, K:0.81. Its decimal value is 3223318.

Hex triplet	312f16	`#312f16`
RGB Decimal	49, 47, 22	`rgb(49,47,22)`
RGB Percent	19.2, 18.4, 8.6	`rgb(19.2%,18.4%,8.6%)`
CMYK	0, 4, 55, 81
HSL	55.6°, 38, 13.9	`hsl(55.6,38%,13.9%)`
HSV (or HSB)	55.6°, 55.1, 19.2
Web Safe	333300	`#333300`

CIE-LAB	18.988, -3.555, 16.307
XYZ	2.428, 2.744, 1.161
xyY	0.383, 0.433, 2.744
CIE-LCH	18.988, 16.69, 102.298
CIE-LUV	18.988, 2.095, 13.904
Hunter-Lab	16.565, -2.826, 7.441
Binary	00110001, 00101111, 00010110

#312f16
```
#312f16 rgb(49,47,22)
```
#161831
```
#161831 rgb(22,24,49)
```

Complementary Color

#312216
```
#312216 rgb(49,34,22)
```
#312f16
```
#312f16 rgb(49,47,22)
```
#263116
```
#263116 rgb(38,49,22)
```

Analogous Color

#221631
```
#221631 rgb(34,22,49)
```
#312f16
```
#312f16 rgb(49,47,22)
```
#162631
```
#162631 rgb(22,38,49)
```

Split Complementary Color

#2f1631
```
#2f1631 rgb(47,22,49)
```
#312f16
```
#312f16 rgb(49,47,22)
```
#16312f
```
#16312f rgb(22,49,47)
```

Triadic Color

#311618
```
#311618 rgb(49,22,24)
```
#312f16
```
#312f16 rgb(49,47,22)
```
#16312f
```
#16312f rgb(22,49,47)
```
#161831
```
#161831 rgb(22,24,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0d06
```
#0e0d06 rgb(14,13,6)
```
#1f1e0e
```
#1f1e0e rgb(31,30,14)
```
#312f16
```
#312f16 rgb(49,47,22)
```
#43401e
```
#43401e rgb(67,64,30)
```
#545126
```
#545126 rgb(84,81,38)
```
#66622e
```
#66622e rgb(102,98,46)
```

Monochromatic Color

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

#312816
```
#312816 rgb(49,40,22)
```
#312b16
```
#312b16 rgb(49,43,22)
```
#312d16
```
#312d16 rgb(49,45,22)
```
#312f16
```
#312f16 rgb(49,47,22)
```
#313116
```
#313116 rgb(49,49,22)
```
#2f3116
```
#2f3116 rgb(47,49,22)
```
#2c3116
```
#2c3116 rgb(44,49,22)
```

Similar Colors

Text with hexadecimal color #312f16

This text has a font color of #312f16.

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

#312f16 background color

This paragraph has a background color of #312f16.

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

#312f16 border color

This element has a border color of #312f16.

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

CSS codes

.text {color:#312f16;}

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

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

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

#080804
```
#080804 rgb(8,8,4)
```
#16150a
```
#16150a rgb(22,21,10)
```
#232210
```
#232210 rgb(35,34,16)
```
#312f16
```
#312f16 rgb(49,47,22)
```
#3f3c1c
```
#3f3c1c rgb(63,60,28)
```
#4c4922
```
#4c4922 rgb(76,73,34)
```
#5a5628
```
#5a5628 rgb(90,86,40)
```
#67632e
```
#67632e rgb(103,99,46)
```
#757034
```
#757034 rgb(117,112,52)
```
#827d3a
```
#827d3a rgb(130,125,58)
```
#908a41
```
#908a41 rgb(144,138,65)
```
#9d9747
```
#9d9747 rgb(157,151,71)
```
#aba44d
```
#aba44d rgb(171,164,77)
```

Shade Color Variation

#b4ad57
```
#b4ad57 rgb(180,173,87)
```
#bab465
```
#bab465 rgb(186,180,101)
```
#c0ba72
```
#c0ba72 rgb(192,186,114)
```
#c6c180
```
#c6c180 rgb(198,193,128)
```
#ccc78e
```
#ccc78e rgb(204,199,142)
```
#d2ce9b
```
#d2ce9b rgb(210,206,155)
```
#d8d5a9
```
#d8d5a9 rgb(216,213,169)
```
#dedbb6
```
#dedbb6 rgb(222,219,182)
```
#e4e2c4
```
#e4e2c4 rgb(228,226,196)
```
#eae9d1
```
#eae9d1 rgb(234,233,209)
```
#f1efdf
```
#f1efdf rgb(241,239,223)
```
#f7f6ec
```
#f7f6ec rgb(247,246,236)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#262621
```
#262621 rgb(38,38,33)
```
#29281e
```
#29281e rgb(41,40,30)
```
#2c2a1b
```
#2c2a1b rgb(44,42,27)
```
#2e2d19
```
#2e2d19 rgb(46,45,25)
```
#312f16
```
#312f16 rgb(49,47,22)
```
#343113
```
#343113 rgb(52,49,19)
```
#363411
```
#363411 rgb(54,52,17)
```
#39360e
```
#39360e rgb(57,54,14)
```
#3c380b
```
#3c380b rgb(60,56,11)
```
#3f3b08
```
#3f3b08 rgb(63,59,8)
```
#413d06
```
#413d06 rgb(65,61,6)
```
#443f03
```
#443f03 rgb(68,63,3)
```
#474200
```
#474200 rgb(71,66,0)
```

Tone Color Variation

Below, you can see how #312f16 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
#2e2d28 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e3921 Protanopia 1% of men
#443623 Deuteranopia 1% of men
#3e363a Tritanopia 0.001% of the population

Trichromacy

#39351d Protanomaly 1% of men, 0.01% of women
#3d331e Deuteranomaly 6% of men, 0.4% of women
#39342d Tritanomaly 0.01% of the population

#312f16 hex color

#312f16 Color Information

#312f16 Color Conversion

Color Schemes with #312f16

Alternatives to #312f16

#312f16 Preview

Shades and Tints of #312f16

Tones of #312f16

Color Blindness Simulator