#220f31 hex color

In a RGB color space, hex #220f31 is composed of 13.3% red, 5.9% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 69.4% magenta, 0% yellow and 80.8% black. It has a hue angle of 273.5 degrees, a saturation of 53.1% and a lightness of 12.5%. #220f31 color hex could be obtained by blending #441e62 with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 13
- G 6
- B 19
RGB color chart
- C 31
- M 69
- Y 0
- K 81
CMYK color chart

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

The hexadecimal color #220f31 has RGB values of R:34, G:15, B:49 and CMYK values of C:0.31, M:0.69, Y:0, K:0.81. Its decimal value is 2232113.

Hex triplet	220f31	`#220f31`
RGB Decimal	34, 15, 49	`rgb(34,15,49)`
RGB Percent	13.3, 5.9, 19.2	`rgb(13.3%,5.9%,19.2%)`
CMYK	31, 69, 0, 81
HSL	273.5°, 53.1, 12.5	`hsl(273.5,53.1%,12.5%)`
HSV (or HSB)	273.5°, 69.4, 19.2
Web Safe	330033	`#330033`

CIE-LAB	8.16, 17.981, -18.798
XYZ	1.385, 0.904, 3.007
xyY	0.262, 0.171, 0.904
CIE-LCH	8.16, 26.013, 313.728
CIE-LUV	8.16, 3.539, -13.678
Hunter-Lab	9.505, 9.371, -12.103
Binary	00100010, 00001111, 00110001

#220f31
```
#220f31 rgb(34,15,49)
```
#1e310f
```
#1e310f rgb(30,49,15)
```

Complementary Color

#110f31
```
#110f31 rgb(17,15,49)
```
#220f31
```
#220f31 rgb(34,15,49)
```
#310f2f
```
#310f2f rgb(49,15,47)
```

Analogous Color

#0f3111
```
#0f3111 rgb(15,49,17)
```
#220f31
```
#220f31 rgb(34,15,49)
```
#2f310f
```
#2f310f rgb(47,49,15)
```

Split Complementary Color

#0f3122
```
#0f3122 rgb(15,49,34)
```
#220f31
```
#220f31 rgb(34,15,49)
```
#31220f
```
#31220f rgb(49,34,15)
```

Triadic Color

#0f1e31
```
#0f1e31 rgb(15,30,49)
```
#220f31
```
#220f31 rgb(34,15,49)
```
#31220f
```
#31220f rgb(49,34,15)
```
#1e310f
```
#1e310f rgb(30,49,15)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#07030a
```
#07030a rgb(7,3,10)
```
#14091d
```
#14091d rgb(20,9,29)
```
#220f31
```
#220f31 rgb(34,15,49)
```
#301545
```
#301545 rgb(48,21,69)
```
#3d1b58
```
#3d1b58 rgb(61,27,88)
```
#4b216c
```
#4b216c rgb(75,33,108)
```

Monochromatic Color

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

#1a0f31
```
#1a0f31 rgb(26,15,49)
```
#1c0f31
```
#1c0f31 rgb(28,15,49)
```
#1f0f31
```
#1f0f31 rgb(31,15,49)
```
#220f31
```
#220f31 rgb(34,15,49)
```
#250f31
```
#250f31 rgb(37,15,49)
```
#280f31
```
#280f31 rgb(40,15,49)
```
#2b0f31
```
#2b0f31 rgb(43,15,49)
```

Similar Colors

Text with hexadecimal color #220f31

This text has a font color of #220f31.

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

#220f31 background color

This paragraph has a background color of #220f31.

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

#220f31 border color

This element has a border color of #220f31.

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

CSS codes

.text {color:#220f31;}

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

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0d0613
```
#0d0613 rgb(13,6,19)
```
#180a22
```
#180a22 rgb(24,10,34)
```
#220f31
```
#220f31 rgb(34,15,49)
```
#2c1440
```
#2c1440 rgb(44,20,64)
```
#37184f
```
#37184f rgb(55,24,79)
```
#411d5e
```
#411d5e rgb(65,29,94)
```
#4c216d
```
#4c216d rgb(76,33,109)
```
#56267c
```
#56267c rgb(86,38,124)
```
#612b8b
```
#612b8b rgb(97,43,139)
```
#6b2f9a
```
#6b2f9a rgb(107,47,154)
```
#7534a9
```
#7534a9 rgb(117,52,169)
```
#8038b8
```
#8038b8 rgb(128,56,184)
```

Shade Color Variation

#8a40c4
```
#8a40c4 rgb(138,64,196)
```
#934fc9
```
#934fc9 rgb(147,79,201)
```
#9c5ece
```
#9c5ece rgb(156,94,206)
```
#a56dd2
```
#a56dd2 rgb(165,109,210)
```
#af7cd7
```
#af7cd7 rgb(175,124,215)
```
#b88bdb
```
#b88bdb rgb(184,139,219)
```
#c19ae0
```
#c19ae0 rgb(193,154,224)
```
#caa9e5
```
#caa9e5 rgb(202,169,229)
```
#d3b8e9
```
#d3b8e9 rgb(211,184,233)
```
#ddc7ee
```
#ddc7ee rgb(221,199,238)
```
#e6d6f2
```
#e6d6f2 rgb(230,214,242)
```
#efe5f7
```
#efe5f7 rgb(239,229,247)
```
#f8f4fc
```
#f8f4fc rgb(248,244,252)
```

Tint Color Variation

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

#201e22
```
#201e22 rgb(32,30,34)
```
#211b25
```
#211b25 rgb(33,27,37)
```
#211927
```
#211927 rgb(33,25,39)
```
#21162a
```
#21162a rgb(33,22,42)
```
#21142c
```
#21142c rgb(33,20,44)
```
#22112f
```
#22112f rgb(34,17,47)
```
#220f31
```
#220f31 rgb(34,15,49)
```
#220d33
```
#220d33 rgb(34,13,51)
```
#230a36
```
#230a36 rgb(35,10,54)
```
#230838
```
#230838 rgb(35,8,56)
```
#23053b
```
#23053b rgb(35,5,59)
```
#23033d
```
#23033d rgb(35,3,61)
```
#240040
```
#240040 rgb(36,0,64)
```

Tone Color Variation

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

#191919 Achromatopsia 0.005% of the population
#1b171e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0d2242 Protanopia 1% of men
#142438 Deuteranopia 1% of men
#282224 Tritanopia 0.001% of the population

Trichromacy

#151b3b Protanomaly 1% of men, 0.01% of women
#191c35 Deuteranomaly 6% of men, 0.4% of women
#261b29 Tritanomaly 0.01% of the population

#220f31 hex color

#220f31 Color Information

#220f31 Color Conversion

Color Schemes with #220f31

Alternatives to #220f31

#220f31 Preview

Shades and Tints of #220f31

Tones of #220f31

Color Blindness Simulator