#31223d hex color

In a RGB color space, hex #31223d is composed of 19.2% red, 13.3% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 44.3% magenta, 0% yellow and 76.1% black. It has a hue angle of 273.3 degrees, a saturation of 28.4% and a lightness of 18.6%. #31223d color hex could be obtained by blending #62447a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 24
RGB color chart
- C 20
- M 44
- Y 0
- K 76
CMYK color chart

● #31223d color description : Very dark desaturated violet.

The hexadecimal color #31223d has RGB values of R:49, G:34, B:61 and CMYK values of C:0.2, M:0.44, Y:0, K:0.76. Its decimal value is 3220029.

Hex triplet	31223d	`#31223d`
RGB Decimal	49, 34, 61	`rgb(49,34,61)`
RGB Percent	19.2, 13.3, 23.9	`rgb(19.2%,13.3%,23.9%)`
CMYK	20, 44, 0, 76
HSL	273.3°, 28.4, 18.6	`hsl(273.3,28.4%,18.6%)`
HSV (or HSB)	273.3°, 44.3, 23.9
Web Safe	333333	`#333333`

CIE-LAB	16.175, 13.513, -14.61
XYZ	2.681, 2.134, 4.685
xyY	0.282, 0.225, 2.134
CIE-LCH	16.175, 19.901, 312.767
CIE-LUV	16.175, 4.656, -15.632
Hunter-Lab	14.608, 7.193, -8.79
Binary	00110001, 00100010, 00111101

#31223d
```
#31223d rgb(49,34,61)
```
#2e3d22
```
#2e3d22 rgb(46,61,34)
```

Complementary Color

#24223d
```
#24223d rgb(36,34,61)
```
#31223d
```
#31223d rgb(49,34,61)
```
#3d223c
```
#3d223c rgb(61,34,60)
```

Analogous Color

#223d24
```
#223d24 rgb(34,61,36)
```
#31223d
```
#31223d rgb(49,34,61)
```
#3c3d22
```
#3c3d22 rgb(60,61,34)
```

Split Complementary Color

#223d31
```
#223d31 rgb(34,61,49)
```
#31223d
```
#31223d rgb(49,34,61)
```
#3d3122
```
#3d3122 rgb(61,49,34)
```

Triadic Color

#222e3d
```
#222e3d rgb(34,46,61)
```
#31223d
```
#31223d rgb(49,34,61)
```
#3d3122
```
#3d3122 rgb(61,49,34)
```
#2e3d22
```
#2e3d22 rgb(46,61,34)
```

Tetradic Color

#0a070c
```
#0a070c rgb(10,7,12)
```
#17101c
```
#17101c rgb(23,16,28)
```
#24192d
```
#24192d rgb(36,25,45)
```
#31223d
```
#31223d rgb(49,34,61)
```
#3e2b4d
```
#3e2b4d rgb(62,43,77)
```
#4b345e
```
#4b345e rgb(75,52,94)
```
#583d6e
```
#583d6e rgb(88,61,110)
```

Monochromatic Color

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

#2a223d
```
#2a223d rgb(42,34,61)
```
#2d223d
```
#2d223d rgb(45,34,61)
```
#2f223d
```
#2f223d rgb(47,34,61)
```
#31223d
```
#31223d rgb(49,34,61)
```
#33223d
```
#33223d rgb(51,34,61)
```
#36223d
```
#36223d rgb(54,34,61)
```
#38223d
```
#38223d rgb(56,34,61)
```

Similar Colors

Text with hexadecimal color #31223d

This text has a font color of #31223d.

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

#31223d background color

This paragraph has a background color of #31223d.

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

#31223d border color

This element has a border color of #31223d.

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

CSS codes

.text {color:#31223d;}

.background {background-color:#31223d;}

.border {border:1px solid #31223d;}

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, #09060b is the darkest color, while #fefdfe is the lightest one.

#09060b
```
#09060b rgb(9,6,11)
```
#130d17
```
#130d17 rgb(19,13,23)
```
#1d1424
```
#1d1424 rgb(29,20,36)
```
#271b30
```
#271b30 rgb(39,27,48)
```
#31223d
```
#31223d rgb(49,34,61)
```
#3b294a
```
#3b294a rgb(59,41,74)
```
#453056
```
#453056 rgb(69,48,86)
```
#4f3763
```
#4f3763 rgb(79,55,99)
```
#593e6f
```
#593e6f rgb(89,62,111)
```
#64457c
```
#64457c rgb(100,69,124)
```
#6e4c89
```
#6e4c89 rgb(110,76,137)
```
#785395
```
#785395 rgb(120,83,149)
```
#825aa2
```
#825aa2 rgb(130,90,162)
```

Shade Color Variation

#8c66aa
```
#8c66aa rgb(140,102,170)
```
#9572b1
```
#9572b1 rgb(149,114,177)
```
#9f7fb8
```
#9f7fb8 rgb(159,127,184)
```
#a88cbf
```
#a88cbf rgb(168,140,191)
```
#b298c6
```
#b298c6 rgb(178,152,198)
```
#bba5cd
```
#bba5cd rgb(187,165,205)
```
#c5b1d4
```
#c5b1d4 rgb(197,177,212)
```
#cebedb
```
#cebedb rgb(206,190,219)
```
#d8cbe2
```
#d8cbe2 rgb(216,203,226)
```
#e1d7e9
```
#e1d7e9 rgb(225,215,233)
```
#ebe4f0
```
#ebe4f0 rgb(235,228,240)
```
#f4f0f7
```
#f4f0f7 rgb(244,240,247)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#302d32
```
#302d32 rgb(48,45,50)
```
#302936
```
#302936 rgb(48,41,54)
```
#312639
```
#312639 rgb(49,38,57)
```
#31223d
```
#31223d rgb(49,34,61)
```
#311e41
```
#311e41 rgb(49,30,65)
```
#321b44
```
#321b44 rgb(50,27,68)
```
#321748
```
#321748 rgb(50,23,72)
```
#33134c
```
#33134c rgb(51,19,76)
```
#33104f
```
#33104f rgb(51,16,79)
```
#330c53
```
#330c53 rgb(51,12,83)
```
#340857
```
#340857 rgb(52,8,87)
```
#34055a
```
#34055a rgb(52,5,90)
```
#35015e
```
#35015e rgb(53,1,94)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b282e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a324a Protanopia 1% of men
#2c3245 Deuteranopia 1% of men
#383135 Tritanopia 0.001% of the population

Trichromacy

#2c2c45 Protanomaly 1% of men, 0.01% of women
#2e2c42 Deuteranomaly 6% of men, 0.4% of women
#352b37 Tritanomaly 0.01% of the population

#31223d hex color

#31223d Color Information

#31223d Color Conversion

Color Schemes with #31223d

Alternatives to #31223d

#31223d Preview

Shades and Tints of #31223d

Tones of #31223d

Color Blindness Simulator