#220a22 hex color

In a RGB color space, hex #220a22 is composed of 13.3% red, 3.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.6% magenta, 0% yellow and 86.7% black. It has a hue angle of 300 degrees, a saturation of 54.5% and a lightness of 8.6%. #220a22 color hex could be obtained by blending #441444 with #000000. Closest websafe color is: #330033.

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

● #220a22 color description : Very dark (mostly black) magenta.

The hexadecimal color #220a22 has RGB values of R:34, G:10, B:34 and CMYK values of C:0, M:0.71, Y:0, K:0.87. Its decimal value is 2230818.

Hex triplet	220a22	`#220a22`
RGB Decimal	34, 10, 34	`rgb(34,10,34)`
RGB Percent	13.3, 3.9, 13.3	`rgb(13.3%,3.9%,13.3%)`
CMYK	0, 71, 0, 87
HSL	300°, 54.5, 8.6	`hsl(300,54.5%,8.6%)`
HSV (or HSB)	300°, 70.6, 13.3
Web Safe	330033	`#330033`

CIE-LAB	6.077, 16.445, -10.796
XYZ	1.057, 0.673, 1.587
xyY	0.319, 0.203, 0.673
CIE-LCH	6.077, 19.672, 326.715
CIE-LUV	6.077, 5.363, -6.935
Hunter-Lab	8.202, 8.649, -5.734
Binary	00100010, 00001010, 00100010

#220a22
```
#220a22 rgb(34,10,34)
```
#0a220a
```
#0a220a rgb(10,34,10)
```

Complementary Color

#160a22
```
#160a22 rgb(22,10,34)
```
#220a22
```
#220a22 rgb(34,10,34)
```
#220a16
```
#220a16 rgb(34,10,22)
```

Analogous Color

#0a2216
```
#0a2216 rgb(10,34,22)
```
#220a22
```
#220a22 rgb(34,10,34)
```
#16220a
```
#16220a rgb(22,34,10)
```

Split Complementary Color

#0a2222
```
#0a2222 rgb(10,34,34)
```
#220a22
```
#220a22 rgb(34,10,34)
```
#22220a
```
#22220a rgb(34,34,10)
```

Triadic Color

#0a0a22
```
#0a0a22 rgb(10,10,34)
```
#220a22
```
#220a22 rgb(34,10,34)
```
#22220a
```
#22220a rgb(34,34,10)
```
#0a220a
```
#0a220a rgb(10,34,10)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#0e040e
```
#0e040e rgb(14,4,14)
```
#220a22
```
#220a22 rgb(34,10,34)
```
#361036
```
#361036 rgb(54,16,54)
```
#491649
```
#491649 rgb(73,22,73)
```
#5d1b5d
```
#5d1b5d rgb(93,27,93)
```

Monochromatic Color

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

#1c0a22
```
#1c0a22 rgb(28,10,34)
```
#1e0a22
```
#1e0a22 rgb(30,10,34)
```
#200a22
```
#200a22 rgb(32,10,34)
```
#220a22
```
#220a22 rgb(34,10,34)
```
#220a20
```
#220a20 rgb(34,10,32)
```
#220a1e
```
#220a1e rgb(34,10,30)
```
#220a1c
```
#220a1c rgb(34,10,28)
```

Similar Colors

Text with hexadecimal color #220a22

This text has a font color of #220a22.

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

#220a22 background color

This paragraph has a background color of #220a22.

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

#220a22 border color

This element has a border color of #220a22.

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

CSS codes

.text {color:#220a22;}

.background {background-color:#220a22;}

.border {border:1px solid #220a22;}

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

#040104
```
#040104 rgb(4,1,4)
```
#130613
```
#130613 rgb(19,6,19)
```
#220a22
```
#220a22 rgb(34,10,34)
```
#310e31
```
#310e31 rgb(49,14,49)
```
#401340
```
#401340 rgb(64,19,64)
```
#4f174f
```
#4f174f rgb(79,23,79)
```
#5f1c5f
```
#5f1c5f rgb(95,28,95)
```
#6e206e
```
#6e206e rgb(110,32,110)
```
#7d257d
```
#7d257d rgb(125,37,125)
```
#8c298c
```
#8c298c rgb(140,41,140)
```
#9b2e9b
```
#9b2e9b rgb(155,46,155)
```
#aa32aa
```
#aa32aa rgb(170,50,170)
```
#ba37ba
```
#ba37ba rgb(186,55,186)
```

Shade Color Variation

#c63ec6
```
#c63ec6 rgb(198,62,198)
```
#cb4dcb
```
#cb4dcb rgb(203,77,203)
```
#cf5ccf
```
#cf5ccf rgb(207,92,207)
```
#d46bd4
```
#d46bd4 rgb(212,107,212)
```
#d87ad8
```
#d87ad8 rgb(216,122,216)
```
#dc89dc
```
#dc89dc rgb(220,137,220)
```
#e199e1
```
#e199e1 rgb(225,153,225)
```
#e5a8e5
```
#e5a8e5 rgb(229,168,229)
```
#eab7ea
```
#eab7ea rgb(234,183,234)
```
#eec6ee
```
#eec6ee rgb(238,198,238)
```
#f3d5f3
```
#f3d5f3 rgb(243,213,243)
```
#f7e4f7
```
#f7e4f7 rgb(247,228,247)
```
#fcf4fc
```
#fcf4fc rgb(252,244,252)
```

Tint Color Variation

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

#161616
```
#161616 rgb(22,22,22)
```
#181418
```
#181418 rgb(24,20,24)
```
#1a121a
```
#1a121a rgb(26,18,26)
```
#1b111b
```
#1b111b rgb(27,17,27)
```
#1d0f1d
```
#1d0f1d rgb(29,15,29)
```
#1f0d1f
```
#1f0d1f rgb(31,13,31)
```
#200c20
```
#200c20 rgb(32,12,32)
```
#220a22
```
#220a22 rgb(34,10,34)
```
#240824
```
#240824 rgb(36,8,36)
```
#250725
```
#250725 rgb(37,7,37)
```
#270527
```
#270527 rgb(39,5,39)
```
#290329
```
#290329 rgb(41,3,41)
```
#2a022a
```
#2a022a rgb(42,2,42)
```

Tone Color Variation

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

#141414 Achromatopsia 0.005% of the population
#171217 Atypical Achromatopsia 0.001% of the population

Dichromacy

#151f33 Protanopia 1% of men
#1b1f2b Deuteranopia 1% of men
#2b1b1d Tritanopia 0.001% of the population

Trichromacy

#1a172d Protanomaly 1% of men, 0.01% of women
#1d1727 Deuteranomaly 6% of men, 0.4% of women
#27141e Tritanomaly 0.01% of the population

#220a22 hex color

#220a22 Color Information

#220a22 Color Conversion

Color Schemes with #220a22

Alternatives to #220a22

#220a22 Preview

Shades and Tints of #220a22

Tones of #220a22

Color Blindness Simulator