#312516 hex color

In a RGB color space, hex #312516 is composed of 19.2% red, 14.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.5% magenta, 55.1% yellow and 80.8% black. It has a hue angle of 33.3 degrees, a saturation of 38% and a lightness of 13.9%. #312516 color hex could be obtained by blending #624a2c with #000000. Closest websafe color is: #333300.

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

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

The hexadecimal color #312516 has RGB values of R:49, G:37, B:22 and CMYK values of C:0, M:0.24, Y:0.55, K:0.81. Its decimal value is 3220758.

Hex triplet	312516	`#312516`
RGB Decimal	49, 37, 22	`rgb(49,37,22)`
RGB Percent	19.2, 14.5, 8.6	`rgb(19.2%,14.5%,8.6%)`
CMYK	0, 24, 55, 81
HSL	33.3°, 38, 13.9	`hsl(33.3,38%,13.9%)`
HSV (or HSB)	33.3°, 55.1, 19.2
Web Safe	333300	`#333300`

CIE-LAB	15.665, 3.21, 12.127
XYZ	2.073, 2.034, 1.042
xyY	0.403, 0.395, 2.034
CIE-LCH	15.665, 12.545, 75.174
CIE-LUV	15.665, 6.996, 9.02
Hunter-Lab	14.262, 0.986, 5.65
Binary	00110001, 00100101, 00010110

#312516
```
#312516 rgb(49,37,22)
```
#162231
```
#162231 rgb(22,34,49)
```

Complementary Color

#311816
```
#311816 rgb(49,24,22)
```
#312516
```
#312516 rgb(49,37,22)
```
#303116
```
#303116 rgb(48,49,22)
```

Analogous Color

#181631
```
#181631 rgb(24,22,49)
```
#312516
```
#312516 rgb(49,37,22)
```
#163031
```
#163031 rgb(22,48,49)
```

Split Complementary Color

#251631
```
#251631 rgb(37,22,49)
```
#312516
```
#312516 rgb(49,37,22)
```
#163125
```
#163125 rgb(22,49,37)
```

Triadic Color

#311622
```
#311622 rgb(49,22,34)
```
#312516
```
#312516 rgb(49,37,22)
```
#163125
```
#163125 rgb(22,49,37)
```
#162231
```
#162231 rgb(22,34,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0a06
```
#0e0a06 rgb(14,10,6)
```
#1f180e
```
#1f180e rgb(31,24,14)
```
#312516
```
#312516 rgb(49,37,22)
```
#43321e
```
#43321e rgb(67,50,30)
```
#544026
```
#544026 rgb(84,64,38)
```
#664d2e
```
#664d2e rgb(102,77,46)
```

Monochromatic Color

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

#311e16
```
#311e16 rgb(49,30,22)
```
#312116
```
#312116 rgb(49,33,22)
```
#312316
```
#312316 rgb(49,35,22)
```
#312516
```
#312516 rgb(49,37,22)
```
#312716
```
#312716 rgb(49,39,22)
```
#312a16
```
#312a16 rgb(49,42,22)
```
#312c16
```
#312c16 rgb(49,44,22)
```

Similar Colors

Text with hexadecimal color #312516

This text has a font color of #312516.

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

#312516 background color

This paragraph has a background color of #312516.

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

#312516 border color

This element has a border color of #312516.

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

CSS codes

.text {color:#312516;}

.background {background-color:#312516;}

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

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

#080604
```
#080604 rgb(8,6,4)
```
#16110a
```
#16110a rgb(22,17,10)
```
#231b10
```
#231b10 rgb(35,27,16)
```
#312516
```
#312516 rgb(49,37,22)
```
#3f2f1c
```
#3f2f1c rgb(63,47,28)
```
#4c3922
```
#4c3922 rgb(76,57,34)
```
#5a4428
```
#5a4428 rgb(90,68,40)
```
#674e2e
```
#674e2e rgb(103,78,46)
```
#755834
```
#755834 rgb(117,88,52)
```
#82623a
```
#82623a rgb(130,98,58)
```
#906d41
```
#906d41 rgb(144,109,65)
```
#9d7747
```
#9d7747 rgb(157,119,71)
```
#ab814d
```
#ab814d rgb(171,129,77)
```

Shade Color Variation

#b48b57
```
#b48b57 rgb(180,139,87)
```
#ba9465
```
#ba9465 rgb(186,148,101)
```
#c09d72
```
#c09d72 rgb(192,157,114)
```
#c6a780
```
#c6a780 rgb(198,167,128)
```
#ccb08e
```
#ccb08e rgb(204,176,142)
```
#d2ba9b
```
#d2ba9b rgb(210,186,155)
```
#d8c3a9
```
#d8c3a9 rgb(216,195,169)
```
#deccb6
```
#deccb6 rgb(222,204,182)
```
#e4d6c4
```
#e4d6c4 rgb(228,214,196)
```
#eadfd1
```
#eadfd1 rgb(234,223,209)
```
#f1e9df
```
#f1e9df rgb(241,233,223)
```
#f7f2ec
```
#f7f2ec rgb(247,242,236)
```
#fdfbfa
```
#fdfbfa rgb(253,251,250)
```

Tint Color Variation

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

#262421
```
#262421 rgb(38,36,33)
```
#29241e
```
#29241e rgb(41,36,30)
```
#2c241b
```
#2c241b rgb(44,36,27)
```
#2e2519
```
#2e2519 rgb(46,37,25)
```
#312516
```
#312516 rgb(49,37,22)
```
#342513
```
#342513 rgb(52,37,19)
```
#362611
```
#362611 rgb(54,38,17)
```
#39260e
```
#39260e rgb(57,38,14)
```
#3c260b
```
#3c260b rgb(60,38,11)
```
#3f2708
```
#3f2708 rgb(63,39,8)
```
#412706
```
#412706 rgb(65,39,6)
```
#442703
```
#442703 rgb(68,39,3)
```
#472700
```
#472700 rgb(71,39,0)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#292724 Atypical Achromatopsia 0.001% of the population

Dichromacy

#363222 Protanopia 1% of men
#3b3022 Deuteranopia 1% of men
#3d2e31 Tritanopia 0.001% of the population

Trichromacy

#342d1e Protanomaly 1% of men, 0.01% of women
#372c1d Deuteranomaly 6% of men, 0.4% of women
#382a27 Tritanomaly 0.01% of the population

#312516 hex color

#312516 Color Information

#312516 Color Conversion

Color Schemes with #312516

Alternatives to #312516

#312516 Preview

Shades and Tints of #312516

Tones of #312516

Color Blindness Simulator