#222522 hex color

In a RGB color space, hex #222522 is composed of 13.3% red, 14.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 0% magenta, 8.1% yellow and 85.5% black. It has a hue angle of 120 degrees, a saturation of 4.2% and a lightness of 13.9%. #222522 color hex could be obtained by blending #444a44 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 15
- B 13
RGB color chart
- C 8
- M 0
- Y 8
- K 85
CMYK color chart

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

The hexadecimal color #222522 has RGB values of R:34, G:37, B:34 and CMYK values of C:0.08, M:0, Y:0.08, K:0.85. Its decimal value is 2237730.

Hex triplet	222522	`#222522`
RGB Decimal	34, 37, 34	`rgb(34,37,34)`
RGB Percent	13.3, 14.5, 13.3	`rgb(13.3%,14.5%,13.3%)`
CMYK	8, 0, 8, 85
HSL	120°, 4.2, 13.9	`hsl(120,4.2%,13.9%)`
HSV (or HSB)	120°, 8.1, 14.5
Web Safe	333333	`#333333`

CIE-LAB	14.28, -2.11, 1.526
XYZ	1.61, 1.779, 1.772
xyY	0.312, 0.345, 1.779
CIE-LCH	14.28, 2.604, 144.124
CIE-LUV	14.28, -1.154, 1.489
Hunter-Lab	13.337, -1.792, 1.459
Binary	00100010, 00100101, 00100010

#222522
```
#222522 rgb(34,37,34)
```
#252225
```
#252225 rgb(37,34,37)
```

Complementary Color

#242522
```
#242522 rgb(36,37,34)
```
#222522
```
#222522 rgb(34,37,34)
```
#222524
```
#222524 rgb(34,37,36)
```

Analogous Color

#252224
```
#252224 rgb(37,34,36)
```
#222522
```
#222522 rgb(34,37,34)
```
#242225
```
#242225 rgb(36,34,37)
```

Split Complementary Color

#252222
```
#252222 rgb(37,34,34)
```
#222522
```
#222522 rgb(34,37,34)
```
#222225
```
#222225 rgb(34,34,37)
```

Triadic Color

#252522
```
#252522 rgb(37,37,34)
```
#222522
```
#222522 rgb(34,37,34)
```
#222225
```
#222225 rgb(34,34,37)
```
#252225
```
#252225 rgb(37,34,37)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0a0a0a
```
#0a0a0a rgb(10,10,10)
```
#161816
```
#161816 rgb(22,24,22)
```
#222522
```
#222522 rgb(34,37,34)
```
#2e322e
```
#2e322e rgb(46,50,46)
```
#3a403a
```
#3a403a rgb(58,64,58)
```
#474d47
```
#474d47 rgb(71,77,71)
```

Monochromatic Color

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

#232522
```
#232522 rgb(35,37,34)
```
#232522
```
#232522 rgb(35,37,34)
```
#222522
```
#222522 rgb(34,37,34)
```
#222522
```
#222522 rgb(34,37,34)
```
#222522
```
#222522 rgb(34,37,34)
```
#222523
```
#222523 rgb(34,37,35)
```
#222523
```
#222523 rgb(34,37,35)
```

Similar Colors

Text with hexadecimal color #222522

This text has a font color of #222522.

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

#222522 background color

This paragraph has a background color of #222522.

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

#222522 border color

This element has a border color of #222522.

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

CSS codes

.text {color:#222522;}

.background {background-color:#222522;}

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

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

#060606
```
#060606 rgb(6,6,6)
```
#0f110f
```
#0f110f rgb(15,17,15)
```
#191b19
```
#191b19 rgb(25,27,25)
```
#222522
```
#222522 rgb(34,37,34)
```
#2b2f2b
```
#2b2f2b rgb(43,47,43)
```
#353935
```
#353935 rgb(53,57,53)
```
#3e443e
```
#3e443e rgb(62,68,62)
```
#484e48
```
#484e48 rgb(72,78,72)
```
#515851
```
#515851 rgb(81,88,81)
```
#5a625a
```
#5a625a rgb(90,98,90)
```
#646d64
```
#646d64 rgb(100,109,100)
```
#6d776d
```
#6d776d rgb(109,119,109)
```
#778177
```
#778177 rgb(119,129,119)
```

Shade Color Variation

#808b80
```
#808b80 rgb(128,139,128)
```
#8b948b
```
#8b948b rgb(139,148,139)
```
#959d95
```
#959d95 rgb(149,157,149)
```
#9fa79f
```
#9fa79f rgb(159,167,159)
```
#a9b0a9
```
#a9b0a9 rgb(169,176,169)
```
#b4bab4
```
#b4bab4 rgb(180,186,180)
```
#bec3be
```
#bec3be rgb(190,195,190)
```
#c8ccc8
```
#c8ccc8 rgb(200,204,200)
```
#d2d6d2
```
#d2d6d2 rgb(210,214,210)
```
#dcdfdc
```
#dcdfdc rgb(220,223,220)
```
#e7e9e7
```
#e7e9e7 rgb(231,233,231)
```
#f1f2f1
```
#f1f2f1 rgb(241,242,241)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#222522
```
#222522 rgb(34,37,34)
```
#1f281f
```
#1f281f rgb(31,40,31)
```
#1d2a1d
```
#1d2a1d rgb(29,42,29)
```
#1a2d1a
```
#1a2d1a rgb(26,45,26)
```
#173017
```
#173017 rgb(23,48,23)
```
#143314
```
#143314 rgb(20,51,20)
```
#123512
```
#123512 rgb(18,53,18)
```
#0f380f
```
#0f380f rgb(15,56,15)
```
#0c3b0c
```
#0c3b0c rgb(12,59,12)
```
#093e09
```
#093e09 rgb(9,62,9)
```
#074007
```
#074007 rgb(7,64,7)
```
#044304
```
#044304 rgb(4,67,4)
```
#014601
```
#014601 rgb(1,70,1)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#242424 Atypical Achromatopsia 0.001% of the population

Dichromacy

#312f2d Protanopia 1% of men
#342e2e Deuteranopia 1% of men
#2e2f32 Tritanopia 0.001% of the population

Trichromacy

#2b2b29 Protanomaly 1% of men, 0.01% of women
#2d2a29 Deuteranomaly 6% of men, 0.4% of women
#292b2c Tritanomaly 0.01% of the population

#222522 hex color

#222522 Color Information

#222522 Color Conversion

Color Schemes with #222522

Alternatives to #222522

#222522 Preview

Shades and Tints of #222522

Tones of #222522

Color Blindness Simulator