#22221f hex color

In a RGB color space, hex #22221f is composed of 13.3% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 8.8% yellow and 86.7% black. It has a hue angle of 60 degrees, a saturation of 4.6% and a lightness of 12.7%. #22221f color hex could be obtained by blending #44443e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 13
- B 12
RGB color chart
- C 0
- M 0
- Y 9
- K 87
CMYK color chart

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

The hexadecimal color #22221f has RGB values of R:34, G:34, B:31 and CMYK values of C:0, M:0, Y:0.09, K:0.87. Its decimal value is 2236959.

Hex triplet	22221f	`#22221f`
RGB Decimal	34, 34, 31	`rgb(34,34,31)`
RGB Percent	13.3, 13.3, 12.2	`rgb(13.3%,13.3%,12.2%)`
CMYK	0, 0, 9, 87
HSL	60°, 4.6, 12.7	`hsl(60,4.6%,12.7%)`
HSV (or HSB)	60°, 8.8, 13.3
Web Safe	333333	`#333333`

CIE-LAB	13.127, -0.718, 2.021
XYZ	1.479, 1.583, 1.524
xyY	0.323, 0.345, 1.583
CIE-LCH	13.127, 2.144, 109.561
CIE-LUV	13.127, 0.12, 1.677
Hunter-Lab	12.582, -1.036, 1.626
Binary	00100010, 00100010, 00011111

#22221f
```
#22221f rgb(34,34,31)
```
#1f1f22
```
#1f1f22 rgb(31,31,34)
```

Complementary Color

#22211f
```
#22211f rgb(34,33,31)
```
#22221f
```
#22221f rgb(34,34,31)
```
#21221f
```
#21221f rgb(33,34,31)
```

Analogous Color

#211f22
```
#211f22 rgb(33,31,34)
```
#22221f
```
#22221f rgb(34,34,31)
```
#1f2122
```
#1f2122 rgb(31,33,34)
```

Split Complementary Color

#221f22
```
#221f22 rgb(34,31,34)
```
#22221f
```
#22221f rgb(34,34,31)
```
#1f2222
```
#1f2222 rgb(31,34,34)
```

Triadic Color

#221f1f
```
#221f1f rgb(34,31,31)
```
#22221f
```
#22221f rgb(34,34,31)
```
#1f2222
```
#1f2222 rgb(31,34,34)
```
#1f1f22
```
#1f1f22 rgb(31,31,34)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#070707
```
#070707 rgb(7,7,7)
```
#151513
```
#151513 rgb(21,21,19)
```
#22221f
```
#22221f rgb(34,34,31)
```
#2f2f2b
```
#2f2f2b rgb(47,47,43)
```
#3d3d37
```
#3d3d37 rgb(61,61,55)
```
#4a4a43
```
#4a4a43 rgb(74,74,67)
```

Monochromatic Color

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

#22211f
```
#22211f rgb(34,33,31)
```
#22221f
```
#22221f rgb(34,34,31)
```
#22221f
```
#22221f rgb(34,34,31)
```
#22221f
```
#22221f rgb(34,34,31)
```
#22221f
```
#22221f rgb(34,34,31)
```
#22221f
```
#22221f rgb(34,34,31)
```
#21221f
```
#21221f rgb(33,34,31)
```

Similar Colors

Text with hexadecimal color #22221f

This text has a font color of #22221f.

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

#22221f background color

This paragraph has a background color of #22221f.

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

#22221f border color

This element has a border color of #22221f.

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

CSS codes

.text {color:#22221f;}

.background {background-color:#22221f;}

.border {border:1px solid #22221f;}

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

#030303
```
#030303 rgb(3,3,3)
```
#0d0d0c
```
#0d0d0c rgb(13,13,12)
```
#181816
```
#181816 rgb(24,24,22)
```
#22221f
```
#22221f rgb(34,34,31)
```
#2c2c28
```
#2c2c28 rgb(44,44,40)
```
#373732
```
#373732 rgb(55,55,50)
```
#41413b
```
#41413b rgb(65,65,59)
```
#4b4b44
```
#4b4b44 rgb(75,75,68)
```
#55554e
```
#55554e rgb(85,85,78)
```
#606057
```
#606057 rgb(96,96,87)
```
#6a6a60
```
#6a6a60 rgb(106,106,96)
```
#74746a
```
#74746a rgb(116,116,106)
```
#7e7e73
```
#7e7e73 rgb(126,126,115)
```

Shade Color Variation

#88887d
```
#88887d rgb(136,136,125)
```
#929287
```
#929287 rgb(146,146,135)
```
#9b9b91
```
#9b9b91 rgb(155,155,145)
```
#a4a49c
```
#a4a49c rgb(164,164,156)
```
#aeaea6
```
#aeaea6 rgb(174,174,166)
```
#b7b7b0
```
#b7b7b0 rgb(183,183,176)
```
#c0c0ba
```
#c0c0ba rgb(192,192,186)
```
#cacac5
```
#cacac5 rgb(202,202,197)
```
#d3d3cf
```
#d3d3cf rgb(211,211,207)
```
#ddddd9
```
#ddddd9 rgb(221,221,217)
```
#e6e6e3
```
#e6e6e3 rgb(230,230,227)
```
#efefee
```
#efefee rgb(239,239,238)
```
#f9f9f8
```
#f9f9f8 rgb(249,249,248)
```

Tint Color Variation

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

#22221f
```
#22221f rgb(34,34,31)
```
#25251d
```
#25251d rgb(37,37,29)
```
#27271a
```
#27271a rgb(39,39,26)
```
#2a2a18
```
#2a2a18 rgb(42,42,24)
```
#2c2c15
```
#2c2c15 rgb(44,44,21)
```
#2f2f13
```
#2f2f13 rgb(47,47,19)
```
#313110
```
#313110 rgb(49,49,16)
```
#34340e
```
#34340e rgb(52,52,14)
```
#36360b
```
#36360b rgb(54,54,11)
```
#393909
```
#393909 rgb(57,57,9)
```
#3b3b06
```
#3b3b06 rgb(59,59,6)
```
#3e3e04
```
#3e3e04 rgb(62,62,4)
```
#404001
```
#404001 rgb(64,64,1)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#222221 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e2d2a Protanopia 1% of men
#322b2b Deuteranopia 1% of men
#2e2c2f Tritanopia 0.001% of the population

Trichromacy

#2a2926 Protanomaly 1% of men, 0.01% of women
#2c2826 Deuteranomaly 6% of men, 0.4% of women
#292829 Tritanomaly 0.01% of the population

#22221f hex color

#22221f Color Information

#22221f Color Conversion

Color Schemes with #22221f

Alternatives to #22221f

#22221f Preview

Shades and Tints of #22221f

Tones of #22221f

Color Blindness Simulator