#220c31 hex color

In a RGB color space, hex #220c31 is composed of 13.3% red, 4.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 75.5% magenta, 0% yellow and 80.8% black. It has a hue angle of 275.7 degrees, a saturation of 60.7% and a lightness of 12%. #220c31 color hex could be obtained by blending #441862 with #000000. Closest websafe color is: #330033.

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

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

The hexadecimal color #220c31 has RGB values of R:34, G:12, B:49 and CMYK values of C:0.31, M:0.76, Y:0, K:0.81. Its decimal value is 2231345.

Hex triplet	220c31	`#220c31`
RGB Decimal	34, 12, 49	`rgb(34,12,49)`
RGB Percent	13.3, 4.7, 19.2	`rgb(13.3%,4.7%,19.2%)`
CMYK	31, 76, 0, 81
HSL	275.7°, 60.7, 12	`hsl(275.7,60.7%,12%)`
HSV (or HSB)	275.7°, 75.5, 19.2
Web Safe	330033	`#330033`

CIE-LAB	7.45, 19.873, -19.934
XYZ	1.345, 0.825, 2.994
xyY	0.261, 0.16, 0.825
CIE-LCH	7.45, 28.148, 314.912
CIE-LUV	7.45, 3.802, -13.687
Hunter-Lab	9.082, 10.551, -13.188
Binary	00100010, 00001100, 00110001

#220c31
```
#220c31 rgb(34,12,49)
```
#1b310c
```
#1b310c rgb(27,49,12)
```

Complementary Color

#0f0c31
```
#0f0c31 rgb(15,12,49)
```
#220c31
```
#220c31 rgb(34,12,49)
```
#310c2e
```
#310c2e rgb(49,12,46)
```

Analogous Color

#0c3110
```
#0c3110 rgb(12,49,16)
```
#220c31
```
#220c31 rgb(34,12,49)
```
#2e310c
```
#2e310c rgb(46,49,12)
```

Split Complementary Color

#0c3122
```
#0c3122 rgb(12,49,34)
```
#220c31
```
#220c31 rgb(34,12,49)
```
#31220c
```
#31220c rgb(49,34,12)
```

Triadic Color

#0c1b31
```
#0c1b31 rgb(12,27,49)
```
#220c31
```
#220c31 rgb(34,12,49)
```
#31220c
```
#31220c rgb(49,34,12)
```
#1b310c
```
#1b310c rgb(27,49,12)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#060208
```
#060208 rgb(6,2,8)
```
#14071d
```
#14071d rgb(20,7,29)
```
#220c31
```
#220c31 rgb(34,12,49)
```
#301145
```
#301145 rgb(48,17,69)
```
#3e165a
```
#3e165a rgb(62,22,90)
```
#4d1b6e
```
#4d1b6e rgb(77,27,110)
```

Monochromatic Color

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

#190c31
```
#190c31 rgb(25,12,49)
```
#1c0c31
```
#1c0c31 rgb(28,12,49)
```
#1f0c31
```
#1f0c31 rgb(31,12,49)
```
#220c31
```
#220c31 rgb(34,12,49)
```
#250c31
```
#250c31 rgb(37,12,49)
```
#280c31
```
#280c31 rgb(40,12,49)
```
#2b0c31
```
#2b0c31 rgb(43,12,49)
```

Similar Colors

Text with hexadecimal color #220c31

This text has a font color of #220c31.

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

#220c31 background color

This paragraph has a background color of #220c31.

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

#220c31 border color

This element has a border color of #220c31.

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

CSS codes

.text {color:#220c31;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0c0411
```
#0c0411 rgb(12,4,17)
```
#170821
```
#170821 rgb(23,8,33)
```
#220c31
```
#220c31 rgb(34,12,49)
```
#2d1041
```
#2d1041 rgb(45,16,65)
```
#381451
```
#381451 rgb(56,20,81)
```
#431860
```
#431860 rgb(67,24,96)
```
#4e1b70
```
#4e1b70 rgb(78,27,112)
```
#591f80
```
#591f80 rgb(89,31,128)
```
#642390
```
#642390 rgb(100,35,144)
```
#6f279f
```
#6f279f rgb(111,39,159)
```
#792baf
```
#792baf rgb(121,43,175)
```
#842fbf
```
#842fbf rgb(132,47,191)
```

Shade Color Variation

#8f34cd
```
#8f34cd rgb(143,52,205)
```
#9844d1
```
#9844d1 rgb(152,68,209)
```
#a053d5
```
#a053d5 rgb(160,83,213)
```
#a963d9
```
#a963d9 rgb(169,99,217)
```
#b273dd
```
#b273dd rgb(178,115,221)
```
#ba83e1
```
#ba83e1 rgb(186,131,225)
```
#c392e4
```
#c392e4 rgb(195,146,228)
```
#cca2e8
```
#cca2e8 rgb(204,162,232)
```
#d5b2ec
```
#d5b2ec rgb(213,178,236)
```
#ddc2f0
```
#ddc2f0 rgb(221,194,240)
```
#e6d1f4
```
#e6d1f4 rgb(230,209,244)
```
#efe1f8
```
#efe1f8 rgb(239,225,248)
```
#f7f1fc
```
#f7f1fc rgb(247,241,252)
```

Tint Color Variation

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

#1f1c21
```
#1f1c21 rgb(31,28,33)
```
#1f1a23
```
#1f1a23 rgb(31,26,35)
```
#201825
```
#201825 rgb(32,24,37)
```
#201528
```
#201528 rgb(32,21,40)
```
#21132a
```
#21132a rgb(33,19,42)
```
#21112c
```
#21112c rgb(33,17,44)
```
#220e2f
```
#220e2f rgb(34,14,47)
```
#220c31
```
#220c31 rgb(34,12,49)
```
#220a33
```
#220a33 rgb(34,10,51)
```
#230736
```
#230736 rgb(35,7,54)
```
#230538
```
#230538 rgb(35,5,56)
```
#24033a
```
#24033a rgb(36,3,58)
```
#24003d
```
#24003d rgb(36,0,61)
```

Tone Color Variation

Below, you can see how #220c31 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
#102238 Deuteranopia 1% of men
#282022 Tritanopia 0.001% of the population

Trichromacy

#0c193b Protanomaly 1% of men, 0.01% of women
#161a35 Deuteranomaly 6% of men, 0.4% of women
#261927 Tritanomaly 0.01% of the population

#220c31 hex color

#220c31 Color Information

#220c31 Color Conversion

Color Schemes with #220c31

Alternatives to #220c31

#220c31 Preview

Shades and Tints of #220c31

Tones of #220c31

Color Blindness Simulator