#220c1e hex color

In a RGB color space, hex #220c1e is composed of 13.3% red, 4.7% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.7% magenta, 11.8% yellow and 86.7% black. It has a hue angle of 310.9 degrees, a saturation of 47.8% and a lightness of 9%. #220c1e color hex could be obtained by blending #44183c with #000000. Closest websafe color is: #330033.

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

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

The hexadecimal color #220c1e has RGB values of R:34, G:12, B:30 and CMYK values of C:0, M:0.65, Y:0.12, K:0.87. Its decimal value is 2231326.

Hex triplet	220c1e	`#220c1e`
RGB Decimal	34, 12, 30	`rgb(34,12,30)`
RGB Percent	13.3, 4.7, 11.8	`rgb(13.3%,4.7%,11.8%)`
CMYK	0, 65, 12, 87
HSL	310.9°, 47.8, 9	`hsl(310.9,47.8%,9%)`
HSV (or HSB)	310.9°, 64.7, 13.3
Web Safe	330033	`#330033`

CIE-LAB	6.294, 14.388, -7.375
XYZ	1.025, 0.697, 1.309
xyY	0.338, 0.23, 0.697
CIE-LCH	6.294, 16.168, 332.862
CIE-LUV	6.294, 5.601, -5.008
Hunter-Lab	8.348, 7.32, -3.452
Binary	00100010, 00001100, 00011110

#220c1e
```
#220c1e rgb(34,12,30)
```
#0c2210
```
#0c2210 rgb(12,34,16)
```

Complementary Color

#1b0c22
```
#1b0c22 rgb(27,12,34)
```
#220c1e
```
#220c1e rgb(34,12,30)
```
#220c13
```
#220c13 rgb(34,12,19)
```

Analogous Color

#0c221b
```
#0c221b rgb(12,34,27)
```
#220c1e
```
#220c1e rgb(34,12,30)
```
#13220c
```
#13220c rgb(19,34,12)
```

Split Complementary Color

#0c1e22
```
#0c1e22 rgb(12,30,34)
```
#220c1e
```
#220c1e rgb(34,12,30)
```
#1e220c
```
#1e220c rgb(30,34,12)
```

Triadic Color

#100c22
```
#100c22 rgb(16,12,34)
```
#220c1e
```
#220c1e rgb(34,12,30)
```
#1e220c
```
#1e220c rgb(30,34,12)
```
#0c2210
```
#0c2210 rgb(12,34,16)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#0f050d
```
#0f050d rgb(15,5,13)
```
#220c1e
```
#220c1e rgb(34,12,30)
```
#35132f
```
#35132f rgb(53,19,47)
```
#48193f
```
#48193f rgb(72,25,63)
```
#5b2050
```
#5b2050 rgb(91,32,80)
```

Monochromatic Color

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

#210c22
```
#210c22 rgb(33,12,34)
```
#220c22
```
#220c22 rgb(34,12,34)
```
#220c20
```
#220c20 rgb(34,12,32)
```
#220c1e
```
#220c1e rgb(34,12,30)
```
#220c1c
```
#220c1c rgb(34,12,28)
```
#220c1a
```
#220c1a rgb(34,12,26)
```
#220c19
```
#220c19 rgb(34,12,25)
```

Similar Colors

Text with hexadecimal color #220c1e

This text has a font color of #220c1e.

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

#220c1e background color

This paragraph has a background color of #220c1e.

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

#220c1e border color

This element has a border color of #220c1e.

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

CSS codes

.text {color:#220c1e;}

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

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

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

#050204
```
#050204 rgb(5,2,4)
```
#140711
```
#140711 rgb(20,7,17)
```
#220c1e
```
#220c1e rgb(34,12,30)
```
#30112b
```
#30112b rgb(48,17,43)
```
#3f1638
```
#3f1638 rgb(63,22,56)
```
#4d1b44
```
#4d1b44 rgb(77,27,68)
```
#5c2051
```
#5c2051 rgb(92,32,81)
```
#6a265e
```
#6a265e rgb(106,38,94)
```
#792b6b
```
#792b6b rgb(121,43,107)
```
#873078
```
#873078 rgb(135,48,120)
```
#963584
```
#963584 rgb(150,53,132)
```
#a43a91
```
#a43a91 rgb(164,58,145)
```
#b33f9e
```
#b33f9e rgb(179,63,158)
```

Shade Color Variation

#be48a9
```
#be48a9 rgb(190,72,169)
```
#c356af
```
#c356af rgb(195,86,175)
```
#c865b6
```
#c865b6 rgb(200,101,182)
```
#ce73bd
```
#ce73bd rgb(206,115,189)
```
#d382c4
```
#d382c4 rgb(211,130,196)
```
#d890cb
```
#d890cb rgb(216,144,203)
```
#dd9fd2
```
#dd9fd2 rgb(221,159,210)
```
#e2add8
```
#e2add8 rgb(226,173,216)
```
#e7bcdf
```
#e7bcdf rgb(231,188,223)
```
#eccae6
```
#eccae6 rgb(236,202,230)
```
#f1d9ed
```
#f1d9ed rgb(241,217,237)
```
#f7e7f4
```
#f7e7f4 rgb(247,231,244)
```
#fcf6fb
```
#fcf6fb rgb(252,246,251)
```

Tint Color Variation

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

#171717
```
#171717 rgb(23,23,23)
```
#191518
```
#191518 rgb(25,21,24)
```
#1b1319
```
#1b1319 rgb(27,19,25)
```
#1d111b
```
#1d111b rgb(29,17,27)
```
#1e101c
```
#1e101c rgb(30,16,28)
```
#200e1d
```
#200e1d rgb(32,14,29)
```
#220c1e
```
#220c1e rgb(34,12,30)
```
#240a1f
```
#240a1f rgb(36,10,31)
```
#260820
```
#260820 rgb(38,8,32)
```
#270721
```
#270721 rgb(39,7,33)
```
#290523
```
#290523 rgb(41,5,35)
```
#2b0324
```
#2b0324 rgb(43,3,36)
```
#2d0125
```
#2d0125 rgb(45,1,37)
```

Tone Color Variation

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

#151515 Achromatopsia 0.005% of the population
#181317 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a1f2e Protanopia 1% of men
#1f1f27 Deuteranopia 1% of men
#2b1b1d Tritanopia 0.001% of the population

Trichromacy

#1d1828 Protanomaly 1% of men, 0.01% of women
#201824 Deuteranomaly 6% of men, 0.4% of women
#28151d Tritanomaly 0.01% of the population

#220c1e hex color

#220c1e Color Information

#220c1e Color Conversion

Color Schemes with #220c1e

Alternatives to #220c1e

#220c1e Preview

Shades and Tints of #220c1e

Tones of #220c1e

Color Blindness Simulator