#313020 hex color

In a RGB color space, hex #313020 is composed of 19.2% red, 18.8% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 34.7% yellow and 80.8% black. It has a hue angle of 56.5 degrees, a saturation of 21% and a lightness of 15.9%. #313020 color hex could be obtained by blending #626040 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 19
- B 13
RGB color chart
- C 0
- M 2
- Y 35
- K 81
CMYK color chart

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

The hexadecimal color #313020 has RGB values of R:49, G:48, B:32 and CMYK values of C:0, M:0.02, Y:0.35, K:0.81. Its decimal value is 3223584.

Hex triplet	313020	`#313020`
RGB Decimal	49, 48, 32	`rgb(49,48,32)`
RGB Percent	19.2, 18.8, 12.5	`rgb(19.2%,18.8%,12.5%)`
CMYK	0, 2, 35, 81
HSL	56.5°, 21, 15.9	`hsl(56.5,21%,15.9%)`
HSV (or HSB)	56.5°, 34.7, 19.2
Web Safe	333333	`#333333`

CIE-LAB	19.52, -2.756, 10.44
XYZ	2.584, 2.871, 1.784
xyY	0.357, 0.397, 2.871
CIE-LCH	19.52, 10.798, 104.787
CIE-LUV	19.52, 1.224, 9.716
Hunter-Lab	16.945, -2.43, 5.617
Binary	00110001, 00110000, 00100000

#313020
```
#313020 rgb(49,48,32)
```
#202131
```
#202131 rgb(32,33,49)
```

Complementary Color

#312820
```
#312820 rgb(49,40,32)
```
#313020
```
#313020 rgb(49,48,32)
```
#2a3120
```
#2a3120 rgb(42,49,32)
```

Analogous Color

#282031
```
#282031 rgb(40,32,49)
```
#313020
```
#313020 rgb(49,48,32)
```
#202a31
```
#202a31 rgb(32,42,49)
```

Split Complementary Color

#302031
```
#302031 rgb(48,32,49)
```
#313020
```
#313020 rgb(49,48,32)
```
#203130
```
#203130 rgb(32,49,48)
```

Triadic Color

#312021
```
#312021 rgb(49,32,33)
```
#313020
```
#313020 rgb(49,48,32)
```
#203130
```
#203130 rgb(32,49,48)
```
#202131
```
#202131 rgb(32,33,49)
```

Tetradic Color

#030302
```
#030302 rgb(3,3,2)
```
#12120c
```
#12120c rgb(18,18,12)
```
#222116
```
#222116 rgb(34,33,22)
```
#313020
```
#313020 rgb(49,48,32)
```
#403f2a
```
#403f2a rgb(64,63,42)
```
#504e34
```
#504e34 rgb(80,78,52)
```
#5f5d3e
```
#5f5d3e rgb(95,93,62)
```

Monochromatic Color

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

#312c20
```
#312c20 rgb(49,44,32)
```
#312d20
```
#312d20 rgb(49,45,32)
```
#312f20
```
#312f20 rgb(49,47,32)
```
#313020
```
#313020 rgb(49,48,32)
```
#313120
```
#313120 rgb(49,49,32)
```
#2f3120
```
#2f3120 rgb(47,49,32)
```
#2e3120
```
#2e3120 rgb(46,49,32)
```

Similar Colors

Text with hexadecimal color #313020

This text has a font color of #313020.

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

#313020 background color

This paragraph has a background color of #313020.

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

#313020 border color

This element has a border color of #313020.

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

CSS codes

.text {color:#313020;}

.background {background-color:#313020;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0d0d09
```
#0d0d09 rgb(13,13,9)
```
#191911
```
#191911 rgb(25,25,17)
```
#252418
```
#252418 rgb(37,36,24)
```
#313020
```
#313020 rgb(49,48,32)
```
#3d3c28
```
#3d3c28 rgb(61,60,40)
```
#49472f
```
#49472f rgb(73,71,47)
```
#555337
```
#555337 rgb(85,83,55)
```
#605e3f
```
#605e3f rgb(96,94,63)
```
#6c6a47
```
#6c6a47 rgb(108,106,71)
```
#78764e
```
#78764e rgb(120,118,78)
```
#848156
```
#848156 rgb(132,129,86)
```
#908d5e
```
#908d5e rgb(144,141,94)
```

Shade Color Variation

#9b9866
```
#9b9866 rgb(155,152,102)
```
#a3a072
```
#a3a072 rgb(163,160,114)
```
#aba87e
```
#aba87e rgb(171,168,126)
```
#b3b08a
```
#b3b08a rgb(179,176,138)
```
#bab896
```
#bab896 rgb(186,184,150)
```
#c2c0a2
```
#c2c0a2 rgb(194,192,162)
```
#cac8ad
```
#cac8ad rgb(202,200,173)
```
#d2d0b9
```
#d2d0b9 rgb(210,208,185)
```
#d9d8c5
```
#d9d8c5 rgb(217,216,197)
```
#e1e0d1
```
#e1e0d1 rgb(225,224,209)
```
#e9e8dd
```
#e9e8dd rgb(233,232,221)
```
#f1f0e9
```
#f1f0e9 rgb(241,240,233)
```
#f8f8f5
```
#f8f8f5 rgb(248,248,245)
```

Tint Color Variation

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

#2b2b26
```
#2b2b26 rgb(43,43,38)
```
#2e2d23
```
#2e2d23 rgb(46,45,35)
```
#313020
```
#313020 rgb(49,48,32)
```
#34331d
```
#34331d rgb(52,51,29)
```
#37351a
```
#37351a rgb(55,53,26)
```
#3a3817
```
#3a3817 rgb(58,56,23)
```
#3d3b14
```
#3d3b14 rgb(61,59,20)
```
#413e10
```
#413e10 rgb(65,62,16)
```
#44400d
```
#44400d rgb(68,64,13)
```
#47430a
```
#47430a rgb(71,67,10)
```
#4a4607
```
#4a4607 rgb(74,70,7)
```
#4d4904
```
#4d4904 rgb(77,73,4)
```
#504b01
```
#504b01 rgb(80,75,1)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2e2b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e3a2b Protanopia 1% of men
#44372c Deuteranopia 1% of men
#3e383c Tritanopia 0.001% of the population

Trichromacy

#393627 Protanomaly 1% of men, 0.01% of women
#3d3527 Deuteranomaly 6% of men, 0.4% of women
#393532 Tritanomaly 0.01% of the population

#313020 hex color

#313020 Color Information

#313020 Color Conversion

Color Schemes with #313020

Alternatives to #313020

#313020 Preview

Shades and Tints of #313020

Tones of #313020

Color Blindness Simulator