#220f2f hex color

In a RGB color space, hex #220f2f is composed of 13.3% red, 5.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 68.1% magenta, 0% yellow and 81.6% black. It has a hue angle of 275.6 degrees, a saturation of 51.6% and a lightness of 12.2%. #220f2f color hex could be obtained by blending #441e5e with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 13
- G 6
- B 18
RGB color chart
- C 28
- M 68
- Y 0
- K 82
CMYK color chart

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

The hexadecimal color #220f2f has RGB values of R:34, G:15, B:47 and CMYK values of C:0.28, M:0.68, Y:0, K:0.82. Its decimal value is 2232111.

Hex triplet	220f2f	`#220f2f`
RGB Decimal	34, 15, 47	`rgb(34,15,47)`
RGB Percent	13.3, 5.9, 18.4	`rgb(13.3%,5.9%,18.4%)`
CMYK	28, 68, 0, 82
HSL	275.6°, 51.6, 12.2	`hsl(275.6,51.6%,12.2%)`
HSV (or HSB)	275.6°, 68.1, 18.4
Web Safe	330033	`#330033`

CIE-LAB	8.012, 17.394, -17.56
XYZ	1.344, 0.887, 2.79
xyY	0.268, 0.177, 0.887
CIE-LCH	8.012, 24.716, 314.728
CIE-LUV	8.012, 3.712, -12.656
Hunter-Lab	9.418, 8.982, -10.969
Binary	00100010, 00001111, 00101111

#220f2f
```
#220f2f rgb(34,15,47)
```
#1c2f0f
```
#1c2f0f rgb(28,47,15)
```

Complementary Color

#120f2f
```
#120f2f rgb(18,15,47)
```
#220f2f
```
#220f2f rgb(34,15,47)
```
#2f0f2c
```
#2f0f2c rgb(47,15,44)
```

Analogous Color

#0f2f12
```
#0f2f12 rgb(15,47,18)
```
#220f2f
```
#220f2f rgb(34,15,47)
```
#2c2f0f
```
#2c2f0f rgb(44,47,15)
```

Split Complementary Color

#0f2f22
```
#0f2f22 rgb(15,47,34)
```
#220f2f
```
#220f2f rgb(34,15,47)
```
#2f220f
```
#2f220f rgb(47,34,15)
```

Triadic Color

#0f1c2f
```
#0f1c2f rgb(15,28,47)
```
#220f2f
```
#220f2f rgb(34,15,47)
```
#2f220f
```
#2f220f rgb(47,34,15)
```
#1c2f0f
```
#1c2f0f rgb(28,47,15)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#060308
```
#060308 rgb(6,3,8)
```
#14091c
```
#14091c rgb(20,9,28)
```
#220f2f
```
#220f2f rgb(34,15,47)
```
#301542
```
#301542 rgb(48,21,66)
```
#3e1b56
```
#3e1b56 rgb(62,27,86)
```
#4c2269
```
#4c2269 rgb(76,34,105)
```

Monochromatic Color

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

#1a0f2f
```
#1a0f2f rgb(26,15,47)
```
#1d0f2f
```
#1d0f2f rgb(29,15,47)
```
#1f0f2f
```
#1f0f2f rgb(31,15,47)
```
#220f2f
```
#220f2f rgb(34,15,47)
```
#250f2f
```
#250f2f rgb(37,15,47)
```
#270f2f
```
#270f2f rgb(39,15,47)
```
#2a0f2f
```
#2a0f2f rgb(42,15,47)
```

Similar Colors

Text with hexadecimal color #220f2f

This text has a font color of #220f2f.

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

#220f2f background color

This paragraph has a background color of #220f2f.

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

#220f2f border color

This element has a border color of #220f2f.

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

CSS codes

.text {color:#220f2f;}

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

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0c0611
```
#0c0611 rgb(12,6,17)
```
#170a20
```
#170a20 rgb(23,10,32)
```
#220f2f
```
#220f2f rgb(34,15,47)
```
#2d143e
```
#2d143e rgb(45,20,62)
```
#38184d
```
#38184d rgb(56,24,77)
```
#421d5c
```
#421d5c rgb(66,29,92)
```
#4d226a
```
#4d226a rgb(77,34,106)
```
#582779
```
#582779 rgb(88,39,121)
```
#632b88
```
#632b88 rgb(99,43,136)
```
#6d3097
```
#6d3097 rgb(109,48,151)
```
#7835a6
```
#7835a6 rgb(120,53,166)
```
#833ab5
```
#833ab5 rgb(131,58,181)
```

Shade Color Variation

#8d40c2
```
#8d40c2 rgb(141,64,194)
```
#964fc7
```
#964fc7 rgb(150,79,199)
```
#9f5ecc
```
#9f5ecc rgb(159,94,204)
```
#a86dd0
```
#a86dd0 rgb(168,109,208)
```
#b17cd5
```
#b17cd5 rgb(177,124,213)
```
#ba8ada
```
#ba8ada rgb(186,138,218)
```
#c299df
```
#c299df rgb(194,153,223)
```
#cba8e3
```
#cba8e3 rgb(203,168,227)
```
#d4b7e8
```
#d4b7e8 rgb(212,183,232)
```
#ddc6ed
```
#ddc6ed rgb(221,198,237)
```
#e6d5f2
```
#e6d5f2 rgb(230,213,242)
```
#efe4f6
```
#efe4f6 rgb(239,228,246)
```
#f8f3fb
```
#f8f3fb rgb(248,243,251)
```

Tint Color Variation

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

#1f1d21
```
#1f1d21 rgb(31,29,33)
```
#201b23
```
#201b23 rgb(32,27,35)
```
#201925
```
#201925 rgb(32,25,37)
```
#211628
```
#211628 rgb(33,22,40)
```
#21142a
```
#21142a rgb(33,20,42)
```
#22112d
```
#22112d rgb(34,17,45)
```
#220f2f
```
#220f2f rgb(34,15,47)
```
#220d31
```
#220d31 rgb(34,13,49)
```
#230a34
```
#230a34 rgb(35,10,52)
```
#230836
```
#230836 rgb(35,8,54)
```
#240539
```
#240539 rgb(36,5,57)
```
#24033b
```
#24033b rgb(36,3,59)
```
#25013d
```
#25013d rgb(37,1,61)
```

Tone Color Variation

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

#181818 Achromatopsia 0.005% of the population
#1a161d Atypical Achromatopsia 0.001% of the population

Dichromacy

#11223f Protanopia 1% of men
#162337 Deuteranopia 1% of men
#292123 Tritanopia 0.001% of the population

Trichromacy

#171b39 Protanomaly 1% of men, 0.01% of women
#1a1c34 Deuteranomaly 6% of men, 0.4% of women
#261a27 Tritanomaly 0.01% of the population

#220f2f hex color

#220f2f Color Information

#220f2f Color Conversion

Color Schemes with #220f2f

Alternatives to #220f2f

#220f2f Preview

Shades and Tints of #220f2f

Tones of #220f2f

Color Blindness Simulator