#313f21 hex color

In a RGB color space, hex #313f21 is composed of 19.2% red, 24.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 47.6% yellow and 75.3% black. It has a hue angle of 88 degrees, a saturation of 31.3% and a lightness of 18.8%. #313f21 color hex could be obtained by blending #627e42 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 25
- B 13
RGB color chart
- C 22
- M 0
- Y 48
- K 75
CMYK color chart

● #313f21 color description : Very dark desaturated green.

The hexadecimal color #313f21 has RGB values of R:49, G:63, B:33 and CMYK values of C:0.22, M:0, Y:0.48, K:0.75. Its decimal value is 3227425.

Hex triplet	313f21	`#313f21`
RGB Decimal	49, 63, 33	`rgb(49,63,33)`
RGB Percent	19.2, 24.7, 12.9	`rgb(19.2%,24.7%,12.9%)`
CMYK	22, 0, 48, 75
HSL	88°, 31.3, 18.8	`hsl(88,31.3%,18.8%)`
HSV (or HSB)	88°, 47.6, 24.7
Web Safe	333333	`#333333`

CIE-LAB	24.695, -11.99, 16.552
XYZ	3.319, 4.318, 2.097
xyY	0.341, 0.444, 4.318
CIE-LCH	24.695, 20.438, 125.919
CIE-LUV	24.695, -6.217, 17.379
Hunter-Lab	20.779, -7.856, 8.561
Binary	00110001, 00111111, 00100001

#313f21
```
#313f21 rgb(49,63,33)
```
#2f213f
```
#2f213f rgb(47,33,63)
```

Complementary Color

#3f3e21
```
#3f3e21 rgb(63,62,33)
```
#313f21
```
#313f21 rgb(49,63,33)
```
#223f21
```
#223f21 rgb(34,63,33)
```

Analogous Color

#3e213f
```
#3e213f rgb(62,33,63)
```
#313f21
```
#313f21 rgb(49,63,33)
```
#21223f
```
#21223f rgb(33,34,63)
```

Split Complementary Color

#3f2131
```
#3f2131 rgb(63,33,49)
```
#313f21
```
#313f21 rgb(49,63,33)
```
#21313f
```
#21313f rgb(33,49,63)
```

Triadic Color

#3f2f21
```
#3f2f21 rgb(63,47,33)
```
#313f21
```
#313f21 rgb(49,63,33)
```
#21313f
```
#21313f rgb(33,49,63)
```
#2f213f
```
#2f213f rgb(47,33,63)
```

Tetradic Color

#0a0d07
```
#0a0d07 rgb(10,13,7)
```
#171e0f
```
#171e0f rgb(23,30,15)
```
#242e18
```
#242e18 rgb(36,46,24)
```
#313f21
```
#313f21 rgb(49,63,33)
```
#3e502a
```
#3e502a rgb(62,80,42)
```
#4b6033
```
#4b6033 rgb(75,96,51)
```
#58713b
```
#58713b rgb(88,113,59)
```

Monochromatic Color

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

#393f21
```
#393f21 rgb(57,63,33)
```
#363f21
```
#363f21 rgb(54,63,33)
```
#343f21
```
#343f21 rgb(52,63,33)
```
#313f21
```
#313f21 rgb(49,63,33)
```
#2f3f21
```
#2f3f21 rgb(47,63,33)
```
#2c3f21
```
#2c3f21 rgb(44,63,33)
```
#2a3f21
```
#2a3f21 rgb(42,63,33)
```

Similar Colors

Text with hexadecimal color #313f21

This text has a font color of #313f21.

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

#313f21 background color

This paragraph has a background color of #313f21.

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

#313f21 border color

This element has a border color of #313f21.

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

CSS codes

.text {color:#313f21;}

.background {background-color:#313f21;}

.border {border:1px solid #313f21;}

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, #090c06 is the darkest color, while #fefefe is the lightest one.

#090c06
```
#090c06 rgb(9,12,6)
```
#13180d
```
#13180d rgb(19,24,13)
```
#1d2514
```
#1d2514 rgb(29,37,20)
```
#27321a
```
#27321a rgb(39,50,26)
```
#313f21
```
#313f21 rgb(49,63,33)
```
#3b4c28
```
#3b4c28 rgb(59,76,40)
```
#45592e
```
#45592e rgb(69,89,46)
```
#4f6635
```
#4f6635 rgb(79,102,53)
```
#59723c
```
#59723c rgb(89,114,60)
```
#637f43
```
#637f43 rgb(99,127,67)
```
#6d8c49
```
#6d8c49 rgb(109,140,73)
```
#779950
```
#779950 rgb(119,153,80)
```
#81a657
```
#81a657 rgb(129,166,87)
```

Shade Color Variation

#8bad63
```
#8bad63 rgb(139,173,99)
```
#94b470
```
#94b470 rgb(148,180,112)
```
#9ebb7d
```
#9ebb7d rgb(158,187,125)
```
#a8c28a
```
#a8c28a rgb(168,194,138)
```
#b1c897
```
#b1c897 rgb(177,200,151)
```
#bbcfa4
```
#bbcfa4 rgb(187,207,164)
```
#c4d6b0
```
#c4d6b0 rgb(196,214,176)
```
#ceddbd
```
#ceddbd rgb(206,221,189)
```
#d8e3ca
```
#d8e3ca rgb(216,227,202)
```
#e1ead7
```
#e1ead7 rgb(225,234,215)
```
#ebf1e4
```
#ebf1e4 rgb(235,241,228)
```
#f4f8f1
```
#f4f8f1 rgb(244,248,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#303030
```
#303030 rgb(48,48,48)
```
#30342c
```
#30342c rgb(48,52,44)
```
#313828
```
#313828 rgb(49,56,40)
```
#313b25
```
#313b25 rgb(49,59,37)
```
#313f21
```
#313f21 rgb(49,63,33)
```
#31431d
```
#31431d rgb(49,67,29)
```
#31461a
```
#31461a rgb(49,70,26)
```
#324a16
```
#324a16 rgb(50,74,22)
```
#324e12
```
#324e12 rgb(50,78,18)
```
#32510f
```
#32510f rgb(50,81,15)
```
#32550b
```
#32550b rgb(50,85,11)
```
#335907
```
#335907 rgb(51,89,7)
```
#335d03
```
#335d03 rgb(51,93,3)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#363933 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b442b Protanopia 1% of men
#52422e Deuteranopia 1% of men
#40454a Tritanopia 0.001% of the population

Trichromacy

#414227 Protanomaly 1% of men, 0.01% of women
#464029 Deuteranomaly 6% of men, 0.4% of women
#3a433b Tritanomaly 0.01% of the population

#313f21 hex color

#313f21 Color Information

#313f21 Color Conversion

Color Schemes with #313f21

Alternatives to #313f21

#313f21 Preview

Shades and Tints of #313f21

Tones of #313f21

Color Blindness Simulator