#22181e hex color

In a RGB color space, hex #22181e is composed of 13.3% red, 9.4% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 11.8% yellow and 86.7% black. It has a hue angle of 324 degrees, a saturation of 17.2% and a lightness of 11.4%. #22181e color hex could be obtained by blending #44303c with #000000. Closest websafe color is: #330033.

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

● #22181e color description : Very dark (mostly black) pink.

The hexadecimal color #22181e has RGB values of R:34, G:24, B:30 and CMYK values of C:0, M:0.29, Y:0.12, K:0.87. Its decimal value is 2234398.

Hex triplet	22181e	`#22181e`
RGB Decimal	34, 24, 30	`rgb(34,24,30)`
RGB Percent	13.3, 9.4, 11.8	`rgb(13.3%,9.4%,11.8%)`
CMYK	0, 29, 12, 87
HSL	324°, 17.2, 11.4	`hsl(324,17.2%,11.4%)`
HSV (or HSB)	324°, 29.4, 13.3
Web Safe	330033	`#330033`

CIE-LAB	9.697, 6.327, -2.255
XYZ	1.221, 1.087, 1.374
xyY	0.332, 0.295, 1.087
CIE-LCH	9.697, 6.716, 340.384
CIE-LUV	9.697, 3.491, -2.066
Hunter-Lab	10.427, 2.651, -0.513
Binary	00100010, 00011000, 00011110

#22181e
```
#22181e rgb(34,24,30)
```
#18221c
```
#18221c rgb(24,34,28)
```

Complementary Color

#211822
```
#211822 rgb(33,24,34)
```
#22181e
```
#22181e rgb(34,24,30)
```
#221819
```
#221819 rgb(34,24,25)
```

Analogous Color

#182221
```
#182221 rgb(24,34,33)
```
#22181e
```
#22181e rgb(34,24,30)
```
#192218
```
#192218 rgb(25,34,24)
```

Split Complementary Color

#181e22
```
#181e22 rgb(24,30,34)
```
#22181e
```
#22181e rgb(34,24,30)
```
#1e2218
```
#1e2218 rgb(30,34,24)
```

Triadic Color

#1c1822
```
#1c1822 rgb(28,24,34)
```
#22181e
```
#22181e rgb(34,24,30)
```
#1e2218
```
#1e2218 rgb(30,34,24)
```
#18221c
```
#18221c rgb(24,34,28)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#040304
```
#040304 rgb(4,3,4)
```
#130d11
```
#130d11 rgb(19,13,17)
```
#22181e
```
#22181e rgb(34,24,30)
```
#31232b
```
#31232b rgb(49,35,43)
```
#402d38
```
#402d38 rgb(64,45,56)
```
#4f3846
```
#4f3846 rgb(79,56,70)
```

Monochromatic Color

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

#221821
```
#221821 rgb(34,24,33)
```
#221820
```
#221820 rgb(34,24,32)
```
#22181f
```
#22181f rgb(34,24,31)
```
#22181e
```
#22181e rgb(34,24,30)
```
#22181d
```
#22181d rgb(34,24,29)
```
#22181c
```
#22181c rgb(34,24,28)
```
#22181c
```
#22181c rgb(34,24,28)
```

Similar Colors

Text with hexadecimal color #22181e

This text has a font color of #22181e.

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

#22181e background color

This paragraph has a background color of #22181e.

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

#22181e border color

This element has a border color of #22181e.

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

CSS codes

.text {color:#22181e;}

.background {background-color:#22181e;}

.border {border:1px solid #22181e;}

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, #0b080a is the darkest color, while #ffffff is the lightest one.

#0b080a
```
#0b080a rgb(11,8,10)
```
#171014
```
#171014 rgb(23,16,20)
```
#22181e
```
#22181e rgb(34,24,30)
```
#2d2028
```
#2d2028 rgb(45,32,40)
```
#392832
```
#392832 rgb(57,40,50)
```
#44303c
```
#44303c rgb(68,48,60)
```
#503847
```
#503847 rgb(80,56,71)
```
#5b4151
```
#5b4151 rgb(91,65,81)
```
#67495b
```
#67495b rgb(103,73,91)
```
#725165
```
#725165 rgb(114,81,101)
```
#7e596f
```
#7e596f rgb(126,89,111)
```
#896179
```
#896179 rgb(137,97,121)
```
#956983
```
#956983 rgb(149,105,131)
```

Shade Color Variation

#9d758d
```
#9d758d rgb(157,117,141)
```
#a58096
```
#a58096 rgb(165,128,150)
```
#ad8ca0
```
#ad8ca0 rgb(173,140,160)
```
#b697a9
```
#b697a9 rgb(182,151,169)
```
#bea3b3
```
#bea3b3 rgb(190,163,179)
```
#c6aebc
```
#c6aebc rgb(198,174,188)
```
#cebac6
```
#cebac6 rgb(206,186,198)
```
#d6c5cf
```
#d6c5cf rgb(214,197,207)
```
#ded1d9
```
#ded1d9 rgb(222,209,217)
```
#e6dce2
```
#e6dce2 rgb(230,220,226)
```
#eee8ec
```
#eee8ec rgb(238,232,236)
```
#f7f3f5
```
#f7f3f5 rgb(247,243,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#1e1c1d
```
#1e1c1d rgb(30,28,29)
```
#201a1e
```
#201a1e rgb(32,26,30)
```
#22181e
```
#22181e rgb(34,24,30)
```
#24161e
```
#24161e rgb(36,22,30)
```
#26141f
```
#26141f rgb(38,20,31)
```
#29111f
```
#29111f rgb(41,17,31)
```
#2b0f20
```
#2b0f20 rgb(43,15,32)
```
#2d0d20
```
#2d0d20 rgb(45,13,32)
```
#2f0b21
```
#2f0b21 rgb(47,11,33)
```
#320821
```
#320821 rgb(50,8,33)
```
#340622
```
#340622 rgb(52,6,34)
```
#360422
```
#360422 rgb(54,4,34)
```
#380222
```
#380222 rgb(56,2,34)
```

Tone Color Variation

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

#1c1c1c Achromatopsia 0.005% of the population
#1d1b1c Atypical Achromatopsia 0.001% of the population

Dichromacy

#26262b Protanopia 1% of men
#292529 Deuteranopia 1% of men
#2d2427 Tritanopia 0.001% of the population

Trichromacy

#242126 Protanomaly 1% of men, 0.01% of women
#262025 Deuteranomaly 6% of men, 0.4% of women
#291f23 Tritanomaly 0.01% of the population

#22181e hex color

#22181e Color Information

#22181e Color Conversion

Color Schemes with #22181e

Alternatives to #22181e

#22181e Preview

Shades and Tints of #22181e

Tones of #22181e

Color Blindness Simulator