#31223c hex color

In a RGB color space, hex #31223c is composed of 19.2% red, 13.3% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 43.3% magenta, 0% yellow and 76.5% black. It has a hue angle of 274.6 degrees, a saturation of 27.7% and a lightness of 18.4%. #31223c color hex could be obtained by blending #624478 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #31223c has RGB values of R:49, G:34, B:60 and CMYK values of C:0.18, M:0.43, Y:0, K:0.76. Its decimal value is 3220028.

Hex triplet	31223c	`#31223c`
RGB Decimal	49, 34, 60	`rgb(49,34,60)`
RGB Percent	19.2, 13.3, 23.5	`rgb(19.2%,13.3%,23.5%)`
CMYK	18, 43, 0, 76
HSL	274.6°, 27.7, 18.4	`hsl(274.6,27.7%,18.4%)`
HSV (or HSB)	274.6°, 43.3, 23.5
Web Safe	333333	`#333333`

CIE-LAB	16.121, 13.238, -13.995
XYZ	2.654, 2.123, 4.545
xyY	0.285, 0.228, 2.123
CIE-LCH	16.121, 19.264, 313.409
CIE-LUV	16.121, 4.758, -14.955
Hunter-Lab	14.572, 7.013, -8.292
Binary	00110001, 00100010, 00111100

#31223c
```
#31223c rgb(49,34,60)
```
#2d3c22
```
#2d3c22 rgb(45,60,34)
```

Complementary Color

#24223c
```
#24223c rgb(36,34,60)
```
#31223c
```
#31223c rgb(49,34,60)
```
#3c223a
```
#3c223a rgb(60,34,58)
```

Analogous Color

#223c24
```
#223c24 rgb(34,60,36)
```
#31223c
```
#31223c rgb(49,34,60)
```
#3a3c22
```
#3a3c22 rgb(58,60,34)
```

Split Complementary Color

#223c31
```
#223c31 rgb(34,60,49)
```
#31223c
```
#31223c rgb(49,34,60)
```
#3c3122
```
#3c3122 rgb(60,49,34)
```

Triadic Color

#222d3c
```
#222d3c rgb(34,45,60)
```
#31223c
```
#31223c rgb(49,34,60)
```
#3c3122
```
#3c3122 rgb(60,49,34)
```
#2d3c22
```
#2d3c22 rgb(45,60,34)
```

Tetradic Color

#09060b
```
#09060b rgb(9,6,11)
```
#16101b
```
#16101b rgb(22,16,27)
```
#24192c
```
#24192c rgb(36,25,44)
```
#31223c
```
#31223c rgb(49,34,60)
```
#3e2b4c
```
#3e2b4c rgb(62,43,76)
```
#4c345d
```
#4c345d rgb(76,52,93)
```
#593e6d
```
#593e6d rgb(89,62,109)
```

Monochromatic Color

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

#2b223c
```
#2b223c rgb(43,34,60)
```
#2d223c
```
#2d223c rgb(45,34,60)
```
#2f223c
```
#2f223c rgb(47,34,60)
```
#31223c
```
#31223c rgb(49,34,60)
```
#33223c
```
#33223c rgb(51,34,60)
```
#35223c
```
#35223c rgb(53,34,60)
```
#38223c
```
#38223c rgb(56,34,60)
```

Similar Colors

Text with hexadecimal color #31223c

This text has a font color of #31223c.

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

#31223c background color

This paragraph has a background color of #31223c.

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

#31223c border color

This element has a border color of #31223c.

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

CSS codes

.text {color:#31223c;}

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

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

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, #08060a is the darkest color, while #fdfcfe is the lightest one.

#08060a
```
#08060a rgb(8,6,10)
```
#120d16
```
#120d16 rgb(18,13,22)
```
#1d1423
```
#1d1423 rgb(29,20,35)
```
#271b2f
```
#271b2f rgb(39,27,47)
```
#31223c
```
#31223c rgb(49,34,60)
```
#3b2949
```
#3b2949 rgb(59,41,73)
```
#453055
```
#453055 rgb(69,48,85)
```
#503762
```
#503762 rgb(80,55,98)
```
#5a3e6e
```
#5a3e6e rgb(90,62,110)
```
#64457b
```
#64457b rgb(100,69,123)
```
#6e4d87
```
#6e4d87 rgb(110,77,135)
```
#795494
```
#795494 rgb(121,84,148)
```
#835ba0
```
#835ba0 rgb(131,91,160)
```

Shade Color Variation

#8c66a8
```
#8c66a8 rgb(140,102,168)
```
#9673af
```
#9673af rgb(150,115,175)
```
#9f7fb7
```
#9f7fb7 rgb(159,127,183)
```
#a98cbe
```
#a98cbe rgb(169,140,190)
```
#b298c5
```
#b298c5 rgb(178,152,197)
```
#bba5cc
```
#bba5cc rgb(187,165,204)
```
#c5b1d3
```
#c5b1d3 rgb(197,177,211)
```
#cebeda
```
#cebeda rgb(206,190,218)
```
#d7cae1
```
#d7cae1 rgb(215,202,225)
```
#e1d7e8
```
#e1d7e8 rgb(225,215,232)
```
#eae3ef
```
#eae3ef rgb(234,227,239)
```
#f4f0f6
```
#f4f0f6 rgb(244,240,246)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#2f2d31
```
#2f2d31 rgb(47,45,49)
```
#302935
```
#302935 rgb(48,41,53)
```
#302638
```
#302638 rgb(48,38,56)
```
#31223c
```
#31223c rgb(49,34,60)
```
#321e40
```
#321e40 rgb(50,30,64)
```
#321b43
```
#321b43 rgb(50,27,67)
```
#331747
```
#331747 rgb(51,23,71)
```
#33144a
```
#33144a rgb(51,20,74)
```
#34104e
```
#34104e rgb(52,16,78)
```
#340c52
```
#340c52 rgb(52,12,82)
```
#350955
```
#350955 rgb(53,9,85)
```
#350559
```
#350559 rgb(53,5,89)
```
#36015d
```
#36015d rgb(54,1,93)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2b282d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a3249 Protanopia 1% of men
#2d3244 Deuteranopia 1% of men
#383134 Tritanopia 0.001% of the population

Trichromacy

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

#31223c hex color

#31223c Color Information

#31223c Color Conversion

Color Schemes with #31223c

Alternatives to #31223c

#31223c Preview

Shades and Tints of #31223c

Tones of #31223c

Color Blindness Simulator