#222f20 hex color

In a RGB color space, hex #222f20 is composed of 13.3% red, 18.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 0% magenta, 31.9% yellow and 81.6% black. It has a hue angle of 112 degrees, a saturation of 19% and a lightness of 15.5%. #222f20 color hex could be obtained by blending #445e40 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 18
- B 13
RGB color chart
- C 28
- M 0
- Y 32
- K 82
CMYK color chart

● #222f20 color description : Very dark (mostly black) lime green.

The hexadecimal color #222f20 has RGB values of R:34, G:47, B:32 and CMYK values of C:0.28, M:0, Y:0.32, K:0.82. Its decimal value is 2240288.

Hex triplet	222f20	`#222f20`
RGB Decimal	34, 47, 32	`rgb(34,47,32)`
RGB Percent	13.3, 18.4, 12.5	`rgb(13.3%,18.4%,12.5%)`
CMYK	28, 0, 32, 82
HSL	112°, 19, 15.5	`hsl(112,19%,15.5%)`
HSV (or HSB)	112°, 31.9, 18.4
Web Safe	333333	`#333333`

CIE-LAB	17.816, -9.188, 7.902
XYZ	1.937, 2.477, 1.743
xyY	0.315, 0.402, 2.477
CIE-LCH	17.816, 12.119, 139.302
CIE-LUV	17.816, -5.339, 8.032
Hunter-Lab	15.74, -5.579, 4.454
Binary	00100010, 00101111, 00100000

#222f20
```
#222f20 rgb(34,47,32)
```
#2d202f
```
#2d202f rgb(45,32,47)
```

Complementary Color

#2a2f20
```
#2a2f20 rgb(42,47,32)
```
#222f20
```
#222f20 rgb(34,47,32)
```
#202f26
```
#202f26 rgb(32,47,38)
```

Analogous Color

#2f202a
```
#2f202a rgb(47,32,42)
```
#222f20
```
#222f20 rgb(34,47,32)
```
#26202f
```
#26202f rgb(38,32,47)
```

Split Complementary Color

#2f2022
```
#2f2022 rgb(47,32,34)
```
#222f20
```
#222f20 rgb(34,47,32)
```
#20222f
```
#20222f rgb(32,34,47)
```

Triadic Color

#2f2d20
```
#2f2d20 rgb(47,45,32)
```
#222f20
```
#222f20 rgb(34,47,32)
```
#20222f
```
#20222f rgb(32,34,47)
```
#2d202f
```
#2d202f rgb(45,32,47)
```

Tetradic Color

#010101
```
#010101 rgb(1,1,1)
```
#0c110b
```
#0c110b rgb(12,17,11)
```
#172016
```
#172016 rgb(23,32,22)
```
#222f20
```
#222f20 rgb(34,47,32)
```
#2d3e2a
```
#2d3e2a rgb(45,62,42)
```
#384d35
```
#384d35 rgb(56,77,53)
```
#435d3f
```
#435d3f rgb(67,93,63)
```

Monochromatic Color

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

#262f20
```
#262f20 rgb(38,47,32)
```
#252f20
```
#252f20 rgb(37,47,32)
```
#232f20
```
#232f20 rgb(35,47,32)
```
#222f20
```
#222f20 rgb(34,47,32)
```
#212f20
```
#212f20 rgb(33,47,32)
```
#202f21
```
#202f21 rgb(32,47,33)
```
#202f22
```
#202f22 rgb(32,47,34)
```

Similar Colors

Text with hexadecimal color #222f20

This text has a font color of #222f20.

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

#222f20 background color

This paragraph has a background color of #222f20.

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

#222f20 border color

This element has a border color of #222f20.

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

CSS codes

.text {color:#222f20;}

.background {background-color:#222f20;}

.border {border:1px solid #222f20;}

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

#000000
```
#000000 rgb(0,0,0)
```
#090c08
```
#090c08 rgb(9,12,8)
```
#111810
```
#111810 rgb(17,24,16)
```
#1a2318
```
#1a2318 rgb(26,35,24)
```
#222f20
```
#222f20 rgb(34,47,32)
```
#2a3b28
```
#2a3b28 rgb(42,59,40)
```
#334630
```
#334630 rgb(51,70,48)
```
#3b5238
```
#3b5238 rgb(59,82,56)
```
#445e40
```
#445e40 rgb(68,94,64)
```
#4c6948
```
#4c6948 rgb(76,105,72)
```
#557550
```
#557550 rgb(85,117,80)
```
#5d8158
```
#5d8158 rgb(93,129,88)
```
#668c60
```
#668c60 rgb(102,140,96)
```

Shade Color Variation

#6e9868
```
#6e9868 rgb(110,152,104)
```
#79a073
```
#79a073 rgb(121,160,115)
```
#84a87f
```
#84a87f rgb(132,168,127)
```
#90b08b
```
#90b08b rgb(144,176,139)
```
#9bb896
```
#9bb896 rgb(155,184,150)
```
#a6c0a2
```
#a6c0a2 rgb(166,192,162)
```
#b1c8ae
```
#b1c8ae rgb(177,200,174)
```
#bcd0b9
```
#bcd0b9 rgb(188,208,185)
```
#c7d7c5
```
#c7d7c5 rgb(199,215,197)
```
#d3dfd1
```
#d3dfd1 rgb(211,223,209)
```
#dee7dc
```
#dee7dc rgb(222,231,220)
```
#e9efe8
```
#e9efe8 rgb(233,239,232)
```
#f4f7f4
```
#f4f7f4 rgb(244,247,244)
```

Tint Color Variation

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

#262926
```
#262926 rgb(38,41,38)
```
#242c23
```
#242c23 rgb(36,44,35)
```
#222f20
```
#222f20 rgb(34,47,32)
```
#20321d
```
#20321d rgb(32,50,29)
```
#1e351a
```
#1e351a rgb(30,53,26)
```
#1b3817
```
#1b3817 rgb(27,56,23)
```
#193b14
```
#193b14 rgb(25,59,20)
```
#173e11
```
#173e11 rgb(23,62,17)
```
#15410e
```
#15410e rgb(21,65,14)
```
#12440b
```
#12440b rgb(18,68,11)
```
#104708
```
#104708 rgb(16,71,8)
```
#0e4a05
```
#0e4a05 rgb(14,74,5)
```
#0c4d02
```
#0c4d02 rgb(12,77,2)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#282a27 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a362a Protanopia 1% of men
#3e342d Deuteranopia 1% of men
#30373b Tritanopia 0.001% of the population

Trichromacy

#313326 Protanomaly 1% of men, 0.01% of women
#343228 Deuteranomaly 6% of men, 0.4% of women
#2b3431 Tritanomaly 0.01% of the population

#222f20 hex color

#222f20 Color Information

#222f20 Color Conversion

Color Schemes with #222f20

Alternatives to #222f20

#222f20 Preview

Shades and Tints of #222f20

Tones of #222f20

Color Blindness Simulator