#313316 hex color

In a RGB color space, hex #313316 is composed of 19.2% red, 20% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 0% magenta, 56.9% yellow and 80% black. It has a hue angle of 64.1 degrees, a saturation of 39.7% and a lightness of 14.3%. #313316 color hex could be obtained by blending #62662c with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 20
- B 9
RGB color chart
- C 4
- M 0
- Y 57
- K 80
CMYK color chart

● #313316 color description : Very dark desaturated yellow.

The hexadecimal color #313316 has RGB values of R:49, G:51, B:22 and CMYK values of C:0.04, M:0, Y:0.57, K:0.8. Its decimal value is 3224342.

Hex triplet	313316	`#313316`
RGB Decimal	49, 51, 22	`rgb(49,51,22)`
RGB Percent	19.2, 20, 8.6	`rgb(19.2%,20%,8.6%)`
CMYK	4, 0, 57, 80
HSL	64.1°, 39.7, 14.3	`hsl(64.1,39.7%,14.3%)`
HSV (or HSB)	64.1°, 56.9, 20
Web Safe	333300	`#333300`

CIE-LAB	20.356, -6.144, 17.971
XYZ	2.595, 3.079, 1.217
xyY	0.377, 0.447, 3.079
CIE-LCH	20.356, 18.992, 108.874
CIE-LUV	20.356, 0.048, 15.928
Hunter-Lab	17.546, -4.303, 8.171
Binary	00110001, 00110011, 00010110

#313316
```
#313316 rgb(49,51,22)
```
#181633
```
#181633 rgb(24,22,51)
```

Complementary Color

#332716
```
#332716 rgb(51,39,22)
```
#313316
```
#313316 rgb(49,51,22)
```
#233316
```
#233316 rgb(35,51,22)
```

Analogous Color

#271633
```
#271633 rgb(39,22,51)
```
#313316
```
#313316 rgb(49,51,22)
```
#162333
```
#162333 rgb(22,35,51)
```

Split Complementary Color

#331631
```
#331631 rgb(51,22,49)
```
#313316
```
#313316 rgb(49,51,22)
```
#163133
```
#163133 rgb(22,49,51)
```

Triadic Color

#331816
```
#331816 rgb(51,24,22)
```
#313316
```
#313316 rgb(49,51,22)
```
#163133
```
#163133 rgb(22,49,51)
```
#181633
```
#181633 rgb(24,22,51)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0f0f07
```
#0f0f07 rgb(15,15,7)
```
#20210e
```
#20210e rgb(32,33,14)
```
#313316
```
#313316 rgb(49,51,22)
```
#42451e
```
#42451e rgb(66,69,30)
```
#535725
```
#535725 rgb(83,87,37)
```
#64682d
```
#64682d rgb(100,104,45)
```

Monochromatic Color

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

#332e16
```
#332e16 rgb(51,46,22)
```
#333016
```
#333016 rgb(51,48,22)
```
#333316
```
#333316 rgb(51,51,22)
```
#313316
```
#313316 rgb(49,51,22)
```
#2f3316
```
#2f3316 rgb(47,51,22)
```
#2c3316
```
#2c3316 rgb(44,51,22)
```
#2a3316
```
#2a3316 rgb(42,51,22)
```

Similar Colors

Text with hexadecimal color #313316

This text has a font color of #313316.

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

#313316 background color

This paragraph has a background color of #313316.

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

#313316 border color

This element has a border color of #313316.

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

CSS codes

.text {color:#313316;}

.background {background-color:#313316;}

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

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

#0a0a04
```
#0a0a04 rgb(10,10,4)
```
#17180a
```
#17180a rgb(23,24,10)
```
#242510
```
#242510 rgb(36,37,16)
```
#313316
```
#313316 rgb(49,51,22)
```
#3e411c
```
#3e411c rgb(62,65,28)
```
#4b4e22
```
#4b4e22 rgb(75,78,34)
```
#585c28
```
#585c28 rgb(88,92,40)
```
#666a2e
```
#666a2e rgb(102,106,46)
```
#737834
```
#737834 rgb(115,120,52)
```
#808539
```
#808539 rgb(128,133,57)
```
#8d933f
```
#8d933f rgb(141,147,63)
```
#9aa145
```
#9aa145 rgb(154,161,69)
```
#a7ae4b
```
#a7ae4b rgb(167,174,75)
```

Shade Color Variation

#b0b657
```
#b0b657 rgb(176,182,87)
```
#b6bc64
```
#b6bc64 rgb(182,188,100)
```
#bdc272
```
#bdc272 rgb(189,194,114)
```
#c3c880
```
#c3c880 rgb(195,200,128)
```
#cace8e
```
#cace8e rgb(202,206,142)
```
#d0d49b
```
#d0d49b rgb(208,212,155)
```
#d7daa9
```
#d7daa9 rgb(215,218,169)
```
#dde0b7
```
#dde0b7 rgb(221,224,183)
```
#e3e6c4
```
#e3e6c4 rgb(227,230,196)
```
#eaecd2
```
#eaecd2 rgb(234,236,210)
```
#f0f2e0
```
#f0f2e0 rgb(240,242,224)
```
#f7f7ed
```
#f7f7ed rgb(247,247,237)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#252524
```
#252524 rgb(37,37,36)
```
#272821
```
#272821 rgb(39,40,33)
```
#2a2b1e
```
#2a2b1e rgb(42,43,30)
```
#2c2d1c
```
#2c2d1c rgb(44,45,28)
```
#2f3019
```
#2f3019 rgb(47,48,25)
```
#313316
```
#313316 rgb(49,51,22)
```
#333613
```
#333613 rgb(51,54,19)
```
#363910
```
#363910 rgb(54,57,16)
```
#383b0e
```
#383b0e rgb(56,59,14)
```
#3b3e0b
```
#3b3e0b rgb(59,62,11)
```
#3d4108
```
#3d4108 rgb(61,65,8)
```
#404405
```
#404405 rgb(64,68,5)
```
#424702
```
#424702 rgb(66,71,2)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f302a Atypical Achromatopsia 0.001% of the population

Dichromacy

#413b21 Protanopia 1% of men
#483923 Deuteranopia 1% of men
#3f3a3e Tritanopia 0.001% of the population

Trichromacy

#3b381d Protanomaly 1% of men, 0.01% of women
#3f361e Deuteranomaly 6% of men, 0.4% of women
#3a372f Tritanomaly 0.01% of the population

#313316 hex color

#313316 Color Information

#313316 Color Conversion

Color Schemes with #313316

Alternatives to #313316

#313316 Preview

Shades and Tints of #313316

Tones of #313316

Color Blindness Simulator