colorhexa.com

#220c2a hex color

In a RGB color space, hex #220c2a is composed of 13.3% red, 4.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 71.4% magenta, 0% yellow and 83.5% black. It has a hue angle of 284 degrees, a saturation of 55.6% and a lightness of 10.6%. #220c2a color hex could be obtained by blending #441854 with #000000. Closest websafe color is: #330033.

- R 13
- G 5
- B 16
RGB color chart
- C 19
- M 71
- Y 0
- K 84
CMYK color chart

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

The hexadecimal color #220c2a has RGB values of R:34, G:12, B:42 and CMYK values of C:0.19, M:0.71, Y:0, K:0.84. Its decimal value is 2231338.

Hex triplet	220c2a	`#220c2a`
RGB Decimal	34, 12, 42	`rgb(34,12,42)`
RGB Percent	13.3, 4.7, 16.5	`rgb(13.3%,4.7%,16.5%)`
CMYK	19, 71, 0, 84
HSL	284°, 55.6, 10.6	`hsl(284,55.6%,10.6%)`
HSV (or HSB)	284°, 71.4, 16.5
Web Safe	330033	`#330033`

CIE-LAB	6.957, 17.763, -15.506
XYZ	1.209, 0.77, 2.275
xyY	0.284, 0.181, 0.77
CIE-LCH	6.957, 23.579, 318.88
CIE-LUV	6.957, 4.436, -10.352
Hunter-Lab	8.776, 9.232, -9.228
Binary	00100010, 00001100, 00101010

#220c2a
```
#220c2a rgb(34,12,42)
```
#142a0c
```
#142a0c rgb(20,42,12)
```

Complementary Color

#130c2a
```
#130c2a rgb(19,12,42)
```
#220c2a
```
#220c2a rgb(34,12,42)
```
#2a0c23
```
#2a0c23 rgb(42,12,35)
```

Analogous Color

#0c2a13
```
#0c2a13 rgb(12,42,19)
```
#220c2a
```
#220c2a rgb(34,12,42)
```
#232a0c
```
#232a0c rgb(35,42,12)
```

Split Complementary Color

#000000
```
#000000 rgb(0,0,0)
```
#020102
```
#020102 rgb(2,1,2)
```
#120616
```
#120616 rgb(18,6,22)
```
#220c2a
```
#220c2a rgb(34,12,42)
```
#32123e
```
#32123e rgb(50,18,62)
```
#421752
```
#421752 rgb(66,23,82)
```
#521d66
```
#521d66 rgb(82,29,102)
```

Monochromatic Color

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

#1b0c2a
```
#1b0c2a rgb(27,12,42)
```
#1d0c2a
```
#1d0c2a rgb(29,12,42)
```
#200c2a
```
#200c2a rgb(32,12,42)
```
#220c2a
```
#220c2a rgb(34,12,42)
```
#250c2a
```
#250c2a rgb(37,12,42)
```
#270c2a
```
#270c2a rgb(39,12,42)
```
#2a0c2a
```
#2a0c2a rgb(42,12,42)
```

Similar Colors

Text with hexadecimal color #220c2a

This text has a font color of #220c2a.

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

#220c2a background color

This paragraph has a background color of #220c2a.

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

#220c2a border color

This element has a border color of #220c2a.

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

CSS codes

.text {color:#220c2a;}

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

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

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

#09030b
```
#09030b rgb(9,3,11)
```
#16081b
```
#16081b rgb(22,8,27)
```
#220c2a
```
#220c2a rgb(34,12,42)
```
#2e1039
```
#2e1039 rgb(46,16,57)
```
#3b1549
```
#3b1549 rgb(59,21,73)
```
#471958
```
#471958 rgb(71,25,88)
```
#531d67
```
#531d67 rgb(83,29,103)
```
#602276
```
#602276 rgb(96,34,118)
```
#6c2686
```
#6c2686 rgb(108,38,134)
```
#782b95
```
#782b95 rgb(120,43,149)
```
#852fa4
```
#852fa4 rgb(133,47,164)
```
#9133b3
```
#9133b3 rgb(145,51,179)
```
#9e38c3
```
#9e38c3 rgb(158,56,195)
```

Shade Color Variation

#a644ca
```
#a644ca rgb(166,68,202)
```
#ad53ce
```
#ad53ce rgb(173,83,206)
```
#b563d2
```
#b563d2 rgb(181,99,210)
```
#bc72d7
```
#bc72d7 rgb(188,114,215)
```
#c381db
```
#c381db rgb(195,129,219)
```
#ca90df
```
#ca90df rgb(202,144,223)
```
#d2a0e4
```
#d2a0e4 rgb(210,160,228)
```
#d9afe8
```
#d9afe8 rgb(217,175,232)
```
#e0beec
```
#e0beec rgb(224,190,236)
```
#e7cdf1
```
#e7cdf1 rgb(231,205,241)
```
#efddf5
```
#efddf5 rgb(239,221,245)
```
#f6ecfa
```
#f6ecfa rgb(246,236,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 #270234 is the most saturated one.

#1b1b1b
```
#1b1b1b rgb(27,27,27)
```
#1c181e
```
#1c181e rgb(28,24,30)
```
#1d1620
```
#1d1620 rgb(29,22,32)
```
#1e1422
```
#1e1422 rgb(30,20,34)
```
#1f1224
```
#1f1224 rgb(31,18,36)
```
#201026
```
#201026 rgb(32,16,38)
```
#210e28
```
#210e28 rgb(33,14,40)
```
#220c2a
```
#220c2a rgb(34,12,42)
```
#230a2c
```
#230a2c rgb(35,10,44)
```
#24082e
```
#24082e rgb(36,8,46)
```
#250630
```
#250630 rgb(37,6,48)
```
#260432
```
#260432 rgb(38,4,50)
```
#270234
```
#270234 rgb(39,2,52)
```

Tone Color Variation

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

#161616 Achromatopsia 0.005% of the population
#18141a Atypical Achromatopsia 0.001% of the population

Dichromacy

#11203b Protanopia 1% of men
#172132 Deuteranopia 1% of men
#2a1e20 Tritanopia 0.001% of the population

Trichromacy

#171935 Protanomaly 1% of men, 0.01% of women
#1b192f Deuteranomaly 6% of men, 0.4% of women
#271724 Tritanomaly 0.01% of the population