#220a1f hex color

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

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

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

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

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

CIE-LAB	5.927, 15.613, -8.706
XYZ	1.016, 0.656, 1.369
xyY	0.334, 0.216, 0.656
CIE-LCH	5.927, 17.876, 330.856
CIE-LUV	5.927, 5.67, -5.683
Hunter-Lab	8.1, 8.203, -4.353
Binary	00100010, 00001010, 00011111

#220a1f
```
#220a1f rgb(34,10,31)
```
#0a220d
```
#0a220d rgb(10,34,13)
```

Complementary Color

#190a22
```
#190a22 rgb(25,10,34)
```
#220a1f
```
#220a1f rgb(34,10,31)
```
#220a13
```
#220a13 rgb(34,10,19)
```

Analogous Color

#0a2219
```
#0a2219 rgb(10,34,25)
```
#220a1f
```
#220a1f rgb(34,10,31)
```
#13220a
```
#13220a rgb(19,34,10)
```

Split Complementary Color

#0a1f22
```
#0a1f22 rgb(10,31,34)
```
#220a1f
```
#220a1f rgb(34,10,31)
```
#1f220a
```
#1f220a rgb(31,34,10)
```

Triadic Color

#0d0a22
```
#0d0a22 rgb(13,10,34)
```
#220a1f
```
#220a1f rgb(34,10,31)
```
#1f220a
```
#1f220a rgb(31,34,10)
```
#0a220d
```
#0a220d rgb(10,34,13)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#0e040d
```
#0e040d rgb(14,4,13)
```
#220a1f
```
#220a1f rgb(34,10,31)
```
#361031
```
#361031 rgb(54,16,49)
```
#491643
```
#491643 rgb(73,22,67)
```
#5d1b55
```
#5d1b55 rgb(93,27,85)
```

Monochromatic Color

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

#1f0a22
```
#1f0a22 rgb(31,10,34)
```
#210a22
```
#210a22 rgb(33,10,34)
```
#220a21
```
#220a21 rgb(34,10,33)
```
#220a1f
```
#220a1f rgb(34,10,31)
```
#220a1d
```
#220a1d rgb(34,10,29)
```
#220a1b
```
#220a1b rgb(34,10,27)
```
#220a19
```
#220a19 rgb(34,10,25)
```

Similar Colors

Text with hexadecimal color #220a1f

This text has a font color of #220a1f.

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

#220a1f background color

This paragraph has a background color of #220a1f.

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

#220a1f border color

This element has a border color of #220a1f.

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

CSS codes

.text {color:#220a1f;}

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

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

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

#040103
```
#040103 rgb(4,1,3)
```
#130611
```
#130611 rgb(19,6,17)
```
#220a1f
```
#220a1f rgb(34,10,31)
```
#310e2d
```
#310e2d rgb(49,14,45)
```
#40133b
```
#40133b rgb(64,19,59)
```
#4f1748
```
#4f1748 rgb(79,23,72)
```
#5f1c56
```
#5f1c56 rgb(95,28,86)
```
#6e2064
```
#6e2064 rgb(110,32,100)
```
#7d2572
```
#7d2572 rgb(125,37,114)
```
#8c2980
```
#8c2980 rgb(140,41,128)
```
#9b2e8e
```
#9b2e8e rgb(155,46,142)
```
#aa329b
```
#aa329b rgb(170,50,155)
```
#ba37a9
```
#ba37a9 rgb(186,55,169)
```

Shade Color Variation

#c63eb5
```
#c63eb5 rgb(198,62,181)
```
#cb4dbb
```
#cb4dbb rgb(203,77,187)
```
#cf5cc1
```
#cf5cc1 rgb(207,92,193)
```
#d46bc6
```
#d46bc6 rgb(212,107,198)
```
#d87acc
```
#d87acc rgb(216,122,204)
```
#dc89d2
```
#dc89d2 rgb(220,137,210)
```
#e199d8
```
#e199d8 rgb(225,153,216)
```
#e5a8de
```
#e5a8de rgb(229,168,222)
```
#eab7e3
```
#eab7e3 rgb(234,183,227)
```
#eec6e9
```
#eec6e9 rgb(238,198,233)
```
#f3d5ef
```
#f3d5ef rgb(243,213,239)
```
#f7e4f5
```
#f7e4f5 rgb(247,228,245)
```
#fcf4fb
```
#fcf4fb rgb(252,244,251)
```

Tint Color Variation

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

#161616
```
#161616 rgb(22,22,22)
```
#181417
```
#181417 rgb(24,20,23)
```
#1a1219
```
#1a1219 rgb(26,18,25)
```
#1b111a
```
#1b111a rgb(27,17,26)
```
#1d0f1b
```
#1d0f1b rgb(29,15,27)
```
#1f0d1c
```
#1f0d1c rgb(31,13,28)
```
#200c1e
```
#200c1e rgb(32,12,30)
```
#220a1f
```
#220a1f rgb(34,10,31)
```
#240820
```
#240820 rgb(36,8,32)
```
#250722
```
#250722 rgb(37,7,34)
```
#270523
```
#270523 rgb(39,5,35)
```
#290324
```
#290324 rgb(41,3,36)
```
#2a0225
```
#2a0225 rgb(42,2,37)
```

Tone Color Variation

Below, you can see how #220a1f 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
#171216 Atypical Achromatopsia 0.001% of the population

Dichromacy

#181e30 Protanopia 1% of men
#1d1e28 Deuteranopia 1% of men
#2b1a1c Tritanopia 0.001% of the population

Trichromacy

#1b172a Protanomaly 1% of men, 0.01% of women
#1e1724 Deuteranomaly 6% of men, 0.4% of women
#28141d Tritanomaly 0.01% of the population

#220a1f hex color

#220a1f Color Information

#220a1f Color Conversion

Color Schemes with #220a1f

Alternatives to #220a1f

#220a1f Preview

Shades and Tints of #220a1f

Tones of #220a1f

Color Blindness Simulator