#316f22 hex color

In a RGB color space, hex #316f22 is composed of 19.2% red, 43.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 0% magenta, 69.4% yellow and 56.5% black. It has a hue angle of 108.3 degrees, a saturation of 53.1% and a lightness of 28.4%. #316f22 color hex could be obtained by blending #62de44 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 44
- B 13
RGB color chart
- C 56
- M 0
- Y 69
- K 56
CMYK color chart

● #316f22 color description : Very dark lime green.

The hexadecimal color #316f22 has RGB values of R:49, G:111, B:34 and CMYK values of C:0.56, M:0, Y:0.69, K:0.56. Its decimal value is 3239714.

Hex triplet	316f22	`#316f22`
RGB Decimal	49, 111, 34	`rgb(49,111,34)`
RGB Percent	19.2, 43.5, 13.3	`rgb(19.2%,43.5%,13.3%)`
CMYK	56, 0, 69, 56
HSL	108.3°, 53.1, 28.4	`hsl(108.3,53.1%,28.4%)`
HSV (or HSB)	108.3°, 69.4, 43.5
Web Safe	336633	`#336633`

CIE-LAB	41.433, -35.608, 35.586
XYZ	7.239, 12.137, 3.474
xyY	0.317, 0.531, 12.137
CIE-LCH	41.433, 50.342, 135.018
CIE-LUV	41.433, -28.463, 42.336
Hunter-Lab	34.838, -23.873, 18.473
Binary	00110001, 01101111, 00100010

#316f22
```
#316f22 rgb(49,111,34)
```
#60226f
```
#60226f rgb(96,34,111)
```

Complementary Color

#586f22
```
#586f22 rgb(88,111,34)
```
#316f22
```
#316f22 rgb(49,111,34)
```
#226f39
```
#226f39 rgb(34,111,57)
```

Analogous Color

#6f2258
```
#6f2258 rgb(111,34,88)
```
#316f22
```
#316f22 rgb(49,111,34)
```
#3a226f
```
#3a226f rgb(58,34,111)
```

Split Complementary Color

#6f2231
```
#6f2231 rgb(111,34,49)
```
#316f22
```
#316f22 rgb(49,111,34)
```
#22316f
```
#22316f rgb(34,49,111)
```

Triadic Color

#6f6022
```
#6f6022 rgb(111,96,34)
```
#316f22
```
#316f22 rgb(49,111,34)
```
#22316f
```
#22316f rgb(34,49,111)
```
#60226f
```
#60226f rgb(96,34,111)
```

Tetradic Color

#173410
```
#173410 rgb(23,52,16)
```
#204816
```
#204816 rgb(32,72,22)
```
#285b1c
```
#285b1c rgb(40,91,28)
```
#316f22
```
#316f22 rgb(49,111,34)
```
#3a8328
```
#3a8328 rgb(58,131,40)
```
#42962e
```
#42962e rgb(66,150,46)
```
#4baa34
```
#4baa34 rgb(75,170,52)
```

Monochromatic Color

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

#446f22
```
#446f22 rgb(68,111,34)
```
#3e6f22
```
#3e6f22 rgb(62,111,34)
```
#376f22
```
#376f22 rgb(55,111,34)
```
#316f22
```
#316f22 rgb(49,111,34)
```
#2b6f22
```
#2b6f22 rgb(43,111,34)
```
#246f22
```
#246f22 rgb(36,111,34)
```
#226f26
```
#226f26 rgb(34,111,38)
```

Similar Colors

Text with hexadecimal color #316f22

This text has a font color of #316f22.

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

#316f22 background color

This paragraph has a background color of #316f22.

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

#316f22 border color

This element has a border color of #316f22.

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

CSS codes

.text {color:#316f22;}

.background {background-color:#316f22;}

.border {border:1px solid #316f22;}

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

#030602
```
#030602 rgb(3,6,2)
```
#091506
```
#091506 rgb(9,21,6)
```
#10240b
```
#10240b rgb(16,36,11)
```
#163310
```
#163310 rgb(22,51,16)
```
#1d4214
```
#1d4214 rgb(29,66,20)
```
#245119
```
#245119 rgb(36,81,25)
```
#2a601d
```
#2a601d rgb(42,96,29)
```
#316f22
```
#316f22 rgb(49,111,34)
```
#387e27
```
#387e27 rgb(56,126,39)
```
#3e8d2b
```
#3e8d2b rgb(62,141,43)
```
#459c30
```
#459c30 rgb(69,156,48)
```
#4cab34
```
#4cab34 rgb(76,171,52)
```
#52ba39
```
#52ba39 rgb(82,186,57)
```

Shade Color Variation

#5bc542
```
#5bc542 rgb(91,197,66)
```
#68ca51
```
#68ca51 rgb(104,202,81)
```
#75ce60
```
#75ce60 rgb(117,206,96)
```
#82d36f
```
#82d36f rgb(130,211,111)
```
#8fd77e
```
#8fd77e rgb(143,215,126)
```
#9cdc8d
```
#9cdc8d rgb(156,220,141)
```
#a9e19c
```
#a9e19c rgb(169,225,156)
```
#b6e5ab
```
#b6e5ab rgb(182,229,171)
```
#c3eaba
```
#c3eaba rgb(195,234,186)
```
#d0eec9
```
#d0eec9 rgb(208,238,201)
```
#ddf3d8
```
#ddf3d8 rgb(221,243,216)
```
#eaf8e7
```
#eaf8e7 rgb(234,248,231)
```
#f7fcf6
```
#f7fcf6 rgb(247,252,246)
```

Tint Color Variation

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

#454e43
```
#454e43 rgb(69,78,67)
```
#42533e
```
#42533e rgb(66,83,62)
```
#3f5938
```
#3f5938 rgb(63,89,56)
```
#3b5e33
```
#3b5e33 rgb(59,94,51)
```
#38642d
```
#38642d rgb(56,100,45)
```
#346928
```
#346928 rgb(52,105,40)
```
#316f22
```
#316f22 rgb(49,111,34)
```
#2e751c
```
#2e751c rgb(46,117,28)
```
#2a7a17
```
#2a7a17 rgb(42,122,23)
```
#278011
```
#278011 rgb(39,128,17)
```
#23850c
```
#23850c rgb(35,133,12)
```
#208b06
```
#208b06 rgb(32,139,6)
```
#1d9001
```
#1d9001 rgb(29,144,1)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d594a Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a2a Protanopia 1% of men
#816534 Deuteranopia 1% of men
#4c6f77 Tritanopia 0.001% of the population

Trichromacy

#5c6b27 Protanomaly 1% of men, 0.01% of women
#64682d Deuteranomaly 6% of men, 0.4% of women
#426f58 Tritanomaly 0.01% of the population

#316f22 hex color

#316f22 Color Information

#316f22 Color Conversion

Color Schemes with #316f22

Alternatives to #316f22

#316f22 Preview

Shades and Tints of #316f22

Tones of #316f22

Color Blindness Simulator