#220a2c hex color

In a RGB color space, hex #220a2c is composed of 13.3% red, 3.9% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 77.3% magenta, 0% yellow and 82.7% black. It has a hue angle of 282.4 degrees, a saturation of 63% and a lightness of 10.6%. #220a2c color hex could be obtained by blending #441458 with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 13
- G 4
- B 17
RGB color chart
- C 23
- M 77
- Y 0
- K 83
CMYK color chart

● #220a2c color description : Very dark (mostly black) violet.

The hexadecimal color #220a2c has RGB values of R:34, G:10, B:44 and CMYK values of C:0.23, M:0.77, Y:0, K:0.83. Its decimal value is 2230828.

Hex triplet	220a2c	`#220a2c`
RGB Decimal	34, 10, 44	`rgb(34,10,44)`
RGB Percent	13.3, 3.9, 17.3	`rgb(13.3%,3.9%,17.3%)`
CMYK	23, 77, 0, 83
HSL	282.4°, 63, 10.6	`hsl(282.4,63%,10.6%)`
HSV (or HSB)	282.4°, 77.3, 17.3
Web Safe	330033	`#330033`

CIE-LAB	6.676, 19.418, -17.451
XYZ	1.223, 0.739, 2.461
xyY	0.276, 0.167, 0.739
CIE-LCH	6.676, 26.108, 318.054
CIE-LUV	6.676, 4.387, -11.33
Hunter-Lab	8.597, 10.345, -10.955
Binary	00100010, 00001010, 00101100

#220a2c
```
#220a2c rgb(34,10,44)
```
#142c0a
```
#142c0a rgb(20,44,10)
```

Complementary Color

#110a2c
```
#110a2c rgb(17,10,44)
```
#220a2c
```
#220a2c rgb(34,10,44)
```
#2c0a25
```
#2c0a25 rgb(44,10,37)
```

Analogous Color

#0a2c11
```
#0a2c11 rgb(10,44,17)
```
#220a2c
```
#220a2c rgb(34,10,44)
```
#252c0a
```
#252c0a rgb(37,44,10)
```

Split Complementary Color

#0a2c22
```
#0a2c22 rgb(10,44,34)
```
#220a2c
```
#220a2c rgb(34,10,44)
```
#2c220a
```
#2c220a rgb(44,34,10)
```

Triadic Color

#0a142c
```
#0a142c rgb(10,20,44)
```
#220a2c
```
#220a2c rgb(34,10,44)
```
#2c220a
```
#2c220a rgb(44,34,10)
```
#142c0a
```
#142c0a rgb(20,44,10)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#020102
```
#020102 rgb(2,1,2)
```
#120517
```
#120517 rgb(18,5,23)
```
#220a2c
```
#220a2c rgb(34,10,44)
```
#320f41
```
#320f41 rgb(50,15,65)
```
#421356
```
#421356 rgb(66,19,86)
```
#52186a
```
#52186a rgb(82,24,106)
```

Monochromatic Color

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

#1a0a2c
```
#1a0a2c rgb(26,10,44)
```
#1c0a2c
```
#1c0a2c rgb(28,10,44)
```
#1f0a2c
```
#1f0a2c rgb(31,10,44)
```
#220a2c
```
#220a2c rgb(34,10,44)
```
#250a2c
```
#250a2c rgb(37,10,44)
```
#280a2c
```
#280a2c rgb(40,10,44)
```
#2b0a2c
```
#2b0a2c rgb(43,10,44)
```

Similar Colors

Text with hexadecimal color #220a2c

This text has a font color of #220a2c.

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

#220a2c background color

This paragraph has a background color of #220a2c.

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

#220a2c border color

This element has a border color of #220a2c.

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

CSS codes

.text {color:#220a2c;}

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

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

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, #09030c is the darkest color, while #fdfbfe is the lightest one.

#09030c
```
#09030c rgb(9,3,12)
```
#16061c
```
#16061c rgb(22,6,28)
```
#220a2c
```
#220a2c rgb(34,10,44)
```
#2e0e3c
```
#2e0e3c rgb(46,14,60)
```
#3b114c
```
#3b114c rgb(59,17,76)
```
#47155c
```
#47155c rgb(71,21,92)
```
#53196c
```
#53196c rgb(83,25,108)
```
#601c7c
```
#601c7c rgb(96,28,124)
```
#6c208c
```
#6c208c rgb(108,32,140)
```
#78239c
```
#78239c rgb(120,35,156)
```
#8527ac
```
#8527ac rgb(133,39,172)
```
#912bbc
```
#912bbc rgb(145,43,188)
```
#9e2ecc
```
#9e2ecc rgb(158,46,204)
```

Shade Color Variation

#a63bd3
```
#a63bd3 rgb(166,59,211)
```
#ad4bd6
```
#ad4bd6 rgb(173,75,214)
```
#b55bda
```
#b55bda rgb(181,91,218)
```
#bc6bdd
```
#bc6bdd rgb(188,107,221)
```
#c37be1
```
#c37be1 rgb(195,123,225)
```
#ca8be5
```
#ca8be5 rgb(202,139,229)
```
#d29be8
```
#d29be8 rgb(210,155,232)
```
#d9abec
```
#d9abec rgb(217,171,236)
```
#e0bbf0
```
#e0bbf0 rgb(224,187,240)
```
#e7cbf3
```
#e7cbf3 rgb(231,203,243)
```
#efdbf7
```
#efdbf7 rgb(239,219,247)
```
#f6ebfa
```
#f6ebfa rgb(246,235,250)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#1b1b1b
```
#1b1b1b rgb(27,27,27)
```
#1c191d
```
#1c191d rgb(28,25,29)
```
#1d1620
```
#1d1620 rgb(29,22,32)
```
#1e1422
```
#1e1422 rgb(30,20,34)
```
#1f1224
```
#1f1224 rgb(31,18,36)
```
#1f1026
```
#1f1026 rgb(31,16,38)
```
#200e28
```
#200e28 rgb(32,14,40)
```
#210c2a
```
#210c2a rgb(33,12,42)
```
#220a2c
```
#220a2c rgb(34,10,44)
```
#23082e
```
#23082e rgb(35,8,46)
```
#240630
```
#240630 rgb(36,6,48)
```
#250432
```
#250432 rgb(37,4,50)
```
#250234
```
#250234 rgb(37,2,52)
```

Tone Color Variation

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

Dichromacy

#001f3e Protanopia 1% of men
#132133 Deuteranopia 1% of men
#291d1f Tritanopia 0.001% of the population

Trichromacy

#0c1737 Protanomaly 1% of men, 0.01% of women
#191830 Deuteranomaly 6% of men, 0.4% of women
#261624 Tritanomaly 0.01% of the population

#220a2c hex color

#220a2c Color Information

#220a2c Color Conversion

Color Schemes with #220a2c

Alternatives to #220a2c

#220a2c Preview

Shades and Tints of #220a2c

Tones of #220a2c

Color Blindness Simulator