#311222 hex color

In a RGB color space, hex #311222 is composed of 19.2% red, 7.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.3% magenta, 30.6% yellow and 80.8% black. It has a hue angle of 329 degrees, a saturation of 46.3% and a lightness of 13.1%. #311222 color hex could be obtained by blending #622444 with #000000. Closest websafe color is: #330033.

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

● #311222 color description : Very dark (mostly black) pink.

The hexadecimal color #311222 has RGB values of R:49, G:18, B:34 and CMYK values of C:0, M:0.63, Y:0.31, K:0.81. Its decimal value is 3215906.

Hex triplet	311222	`#311222`
RGB Decimal	49, 18, 34	`rgb(49,18,34)`
RGB Percent	19.2, 7.1, 13.3	`rgb(19.2%,7.1%,13.3%)`
CMYK	0, 63, 31, 81
HSL	329°, 46.3, 13.1	`hsl(329,46.3%,13.1%)`
HSV (or HSB)	329°, 63.3, 19.2
Web Safe	330033	`#330033`

CIE-LAB	10.566, 18.062, -3.707
XYZ	1.772, 1.201, 1.652
xyY	0.383, 0.26, 1.201
CIE-LCH	10.566, 18.439, 348.402
CIE-LUV	10.566, 12.163, -4.32
Hunter-Lab	10.96, 9.675, -1.264
Binary	00110001, 00010010, 00100010

#311222
```
#311222 rgb(49,18,34)
```
#123121
```
#123121 rgb(18,49,33)
```

Complementary Color

#311231
```
#311231 rgb(49,18,49)
```
#311222
```
#311222 rgb(49,18,34)
```
#311213
```
#311213 rgb(49,18,19)
```

Analogous Color

#123131
```
#123131 rgb(18,49,49)
```
#311222
```
#311222 rgb(49,18,34)
```
#133112
```
#133112 rgb(19,49,18)
```

Split Complementary Color

#122231
```
#122231 rgb(18,34,49)
```
#311222
```
#311222 rgb(49,18,34)
```
#223112
```
#223112 rgb(34,49,18)
```

Triadic Color

#211231
```
#211231 rgb(33,18,49)
```
#311222
```
#311222 rgb(49,18,34)
```
#223112
```
#223112 rgb(34,49,18)
```
#123121
```
#123121 rgb(18,49,33)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0c0408
```
#0c0408 rgb(12,4,8)
```
#1e0b15
```
#1e0b15 rgb(30,11,21)
```
#311222
```
#311222 rgb(49,18,34)
```
#44192f
```
#44192f rgb(68,25,47)
```
#56203c
```
#56203c rgb(86,32,60)
```
#692749
```
#692749 rgb(105,39,73)
```

Monochromatic Color

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

#31122a
```
#31122a rgb(49,18,42)
```
#311227
```
#311227 rgb(49,18,39)
```
#311225
```
#311225 rgb(49,18,37)
```
#311222
```
#311222 rgb(49,18,34)
```
#31121f
```
#31121f rgb(49,18,31)
```
#31121d
```
#31121d rgb(49,18,29)
```
#31121a
```
#31121a rgb(49,18,26)
```

Similar Colors

Text with hexadecimal color #311222

This text has a font color of #311222.

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

#311222 background color

This paragraph has a background color of #311222.

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

#311222 border color

This element has a border color of #311222.

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

CSS codes

.text {color:#311222;}

.background {background-color:#311222;}

.border {border:1px solid #311222;}

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

#060204
```
#060204 rgb(6,2,4)
```
#14070e
```
#14070e rgb(20,7,14)
```
#230d18
```
#230d18 rgb(35,13,24)
```
#311222
```
#311222 rgb(49,18,34)
```
#3f172c
```
#3f172c rgb(63,23,44)
```
#4e1d36
```
#4e1d36 rgb(78,29,54)
```
#5c2240
```
#5c2240 rgb(92,34,64)
```
#6a274a
```
#6a274a rgb(106,39,74)
```
#792c54
```
#792c54 rgb(121,44,84)
```
#87325e
```
#87325e rgb(135,50,94)
```
#953768
```
#953768 rgb(149,55,104)
```
#a43c72
```
#a43c72 rgb(164,60,114)
```
#b2417c
```
#b2417c rgb(178,65,124)
```

Shade Color Variation

#bd4a85
```
#bd4a85 rgb(189,74,133)
```
#c2598f
```
#c2598f rgb(194,89,143)
```
#c76799
```
#c76799 rgb(199,103,153)
```
#cc76a2
```
#cc76a2 rgb(204,118,162)
```
#d284ac
```
#d284ac rgb(210,132,172)
```
#d792b6
```
#d792b6 rgb(215,146,182)
```
#dca1bf
```
#dca1bf rgb(220,161,191)
```
#e2afc9
```
#e2afc9 rgb(226,175,201)
```
#e7bdd3
```
#e7bdd3 rgb(231,189,211)
```
#ecccdc
```
#ecccdc rgb(236,204,220)
```
#f1dae6
```
#f1dae6 rgb(241,218,230)
```
#f7e8f0
```
#f7e8f0 rgb(247,232,240)
```
#fcf7f9
```
#fcf7f9 rgb(252,247,249)
```

Tint Color Variation

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

#222122
```
#222122 rgb(34,33,34)
```
#241f22
```
#241f22 rgb(36,31,34)
```
#271c22
```
#271c22 rgb(39,28,34)
```
#291a22
```
#291a22 rgb(41,26,34)
```
#2c1722
```
#2c1722 rgb(44,23,34)
```
#2e1522
```
#2e1522 rgb(46,21,34)
```
#311222
```
#311222 rgb(49,18,34)
```
#340f22
```
#340f22 rgb(52,15,34)
```
#360d22
```
#360d22 rgb(54,13,34)
```
#390a22
```
#390a22 rgb(57,10,34)
```
#3b0822
```
#3b0822 rgb(59,8,34)
```
#3e0522
```
#3e0522 rgb(62,5,34)
```
#400322
```
#400322 rgb(64,3,34)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#211b1e Atypical Achromatopsia 0.001% of the population

Dichromacy

#252733 Protanopia 1% of men
#2a272b Deuteranopia 1% of men
#3a2022 Tritanopia 0.001% of the population

Trichromacy

#291f2c Protanomaly 1% of men, 0.01% of women
#2d1f27 Deuteranomaly 6% of men, 0.4% of women
#371b22 Tritanomaly 0.01% of the population

#311222 hex color

#311222 Color Information

#311222 Color Conversion

Color Schemes with #311222

Alternatives to #311222

#311222 Preview

Shades and Tints of #311222

Tones of #311222

Color Blindness Simulator