colorhexa.com

#220c2f hex color

In a RGB color space, hex #220c2f is composed of 13.3% red, 4.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 74.5% magenta, 0% yellow and 81.6% black. It has a hue angle of 277.7 degrees, a saturation of 59.3% and a lightness of 11.6%. #220c2f color hex could be obtained by blending #44185e with #000000. Closest websafe color is: #330033.

- R 13
- G 5
- B 18
RGB color chart
- C 28
- M 74
- Y 0
- K 82
CMYK color chart

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

The hexadecimal color #220c2f has RGB values of R:34, G:12, B:47 and CMYK values of C:0.28, M:0.74, Y:0, K:0.82. Its decimal value is 2231343.

Hex triplet	220c2f	`#220c2f`
RGB Decimal	34, 12, 47	`rgb(34,12,47)`
RGB Percent	13.3, 4.7, 18.4	`rgb(13.3%,4.7%,18.4%)`
CMYK	28, 74, 0, 82
HSL	277.7°, 59.3, 11.6	`hsl(277.7,59.3%,11.6%)`
HSV (or HSB)	277.7°, 74.5, 18.4
Web Safe	330033	`#330033`

CIE-LAB	7.301, 19.266, -18.693
XYZ	1.304, 0.808, 2.776
xyY	0.267, 0.165, 0.808
CIE-LCH	7.301, 26.844, 315.865
CIE-LUV	7.301, 3.979, -12.718
Hunter-Lab	8.991, 10.16, -12.017
Binary	00100010, 00001100, 00101111

#220c2f
```
#220c2f rgb(34,12,47)
```
#192f0c
```
#192f0c rgb(25,47,12)
```

Complementary Color

#110c2f
```
#110c2f rgb(17,12,47)
```
#220c2f
```
#220c2f rgb(34,12,47)
```
#2f0c2b
```
#2f0c2b rgb(47,12,43)
```

Analogous Color

#0c2f11
```
#0c2f11 rgb(12,47,17)
```
#220c2f
```
#220c2f rgb(34,12,47)
```
#2b2f0c
```
#2b2f0c rgb(43,47,12)
```

Split Complementary Color

#000000
```
#000000 rgb(0,0,0)
```
#050206
```
#050206 rgb(5,2,6)
```
#13071b
```
#13071b rgb(19,7,27)
```
#220c2f
```
#220c2f rgb(34,12,47)
```
#311143
```
#311143 rgb(49,17,67)
```
#3f1658
```
#3f1658 rgb(63,22,88)
```
#4e1c6c
```
#4e1c6c rgb(78,28,108)
```

Monochromatic Color

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

#190c2f
```
#190c2f rgb(25,12,47)
```
#1c0c2f
```
#1c0c2f rgb(28,12,47)
```
#1f0c2f
```
#1f0c2f rgb(31,12,47)
```
#220c2f
```
#220c2f rgb(34,12,47)
```
#250c2f
```
#250c2f rgb(37,12,47)
```
#280c2f
```
#280c2f rgb(40,12,47)
```
#2b0c2f
```
#2b0c2f rgb(43,12,47)
```

Similar Colors

Text with hexadecimal color #220c2f

This text has a font color of #220c2f.

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

#220c2f background color

This paragraph has a background color of #220c2f.

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

#220c2f border color

This element has a border color of #220c2f.

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

CSS codes

.text {color:#220c2f;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0410
```
#0b0410 rgb(11,4,16)
```
#17081f
```
#17081f rgb(23,8,31)
```
#220c2f
```
#220c2f rgb(34,12,47)
```
#2d103f
```
#2d103f rgb(45,16,63)
```
#39144e
```
#39144e rgb(57,20,78)
```
#44185e
```
#44185e rgb(68,24,94)
```
#4f1c6e
```
#4f1c6e rgb(79,28,110)
```
#5b207d
```
#5b207d rgb(91,32,125)
```
#66248d
```
#66248d rgb(102,36,141)
```
#71289c
```
#71289c rgb(113,40,156)
```
#7c2cac
```
#7c2cac rgb(124,44,172)
```
#8830bc
```
#8830bc rgb(136,48,188)
```

Shade Color Variation

#9334cb
```
#9334cb rgb(147,52,203)
```
#9b44cf
```
#9b44cf rgb(155,68,207)
```
#a453d3
```
#a453d3 rgb(164,83,211)
```
#ac63d7
```
#ac63d7 rgb(172,99,215)
```
#b472db
```
#b472db rgb(180,114,219)
```
#bd82df
```
#bd82df rgb(189,130,223)
```
#c592e3
```
#c592e3 rgb(197,146,227)
```
#cda1e7
```
#cda1e7 rgb(205,161,231)
```
#d6b1eb
```
#d6b1eb rgb(214,177,235)
```
#dec1ef
```
#dec1ef rgb(222,193,239)
```
#e6d0f3
```
#e6d0f3 rgb(230,208,243)
```
#eee0f7
```
#eee0f7 rgb(238,224,247)
```
#f7effb
```
#f7effb rgb(247,239,251)
```

Tint Color Variation

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

#1e1c1f
```
#1e1c1f rgb(30,28,31)
```
#1e1a21
```
#1e1a21 rgb(30,26,33)
```
#1f1724
```
#1f1724 rgb(31,23,36)
```
#201526
```
#201526 rgb(32,21,38)
```
#201328
```
#201328 rgb(32,19,40)
```
#21112a
```
#21112a rgb(33,17,42)
```
#210e2d
```
#210e2d rgb(33,14,45)
```
#220c2f
```
#220c2f rgb(34,12,47)
```
#230a31
```
#230a31 rgb(35,10,49)
```
#230734
```
#230734 rgb(35,7,52)
```
#240536
```
#240536 rgb(36,5,54)
```
#240338
```
#240338 rgb(36,3,56)
```
#25013a
```
#25013a rgb(37,1,58)
```

Tone Color Variation

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

#171717 Achromatopsia 0.005% of the population
#19151c Atypical Achromatopsia 0.001% of the population

Dichromacy

#002141 Protanopia 1% of men
#122236 Deuteranopia 1% of men
#281f22 Tritanopia 0.001% of the population

Trichromacy

#0c193a Protanomaly 1% of men, 0.01% of women
#181a33 Deuteranomaly 6% of men, 0.4% of women
#261826 Tritanomaly 0.01% of the population