#31173a hex color

In a RGB color space, hex #31173a is composed of 19.2% red, 9% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 60.3% magenta, 0% yellow and 77.3% black. It has a hue angle of 284.6 degrees, a saturation of 43.2% and a lightness of 15.9%. #31173a color hex could be obtained by blending #622e74 with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 19
- G 9
- B 23
RGB color chart
- C 16
- M 60
- Y 0
- K 77
CMYK color chart

● #31173a color description : Very dark violet.

The hexadecimal color #31173a has RGB values of R:49, G:23, B:58 and CMYK values of C:0.16, M:0.6, Y:0, K:0.77. Its decimal value is 3217210.

Hex triplet	31173a	`#31173a`
RGB Decimal	49, 23, 58	`rgb(49,23,58)`
RGB Percent	19.2, 9, 22.7	`rgb(19.2%,9%,22.7%)`
CMYK	16, 60, 0, 77
HSL	284.6°, 43.2, 15.9	`hsl(284.6,43.2%,15.9%)`
HSV (or HSB)	284.6°, 60.3, 22.7
Web Safe	330033	`#330033`

CIE-LAB	13.054, 20.151, -17.391
XYZ	2.337, 1.571, 4.183
xyY	0.289, 0.194, 1.571
CIE-LCH	13.054, 26.617, 319.205
CIE-LUV	13.054, 7.672, -17.071
Hunter-Lab	12.535, 11.337, -11.01
Binary	00110001, 00010111, 00111010

#31173a
```
#31173a rgb(49,23,58)
```
#203a17
```
#203a17 rgb(32,58,23)
```

Complementary Color

#20173a
```
#20173a rgb(32,23,58)
```
#31173a
```
#31173a rgb(49,23,58)
```
#3a1732
```
#3a1732 rgb(58,23,50)
```

Analogous Color

#173a20
```
#173a20 rgb(23,58,32)
```
#31173a
```
#31173a rgb(49,23,58)
```
#323a17
```
#323a17 rgb(50,58,23)
```

Split Complementary Color

#173a31
```
#173a31 rgb(23,58,49)
```
#31173a
```
#31173a rgb(49,23,58)
```
#3a3117
```
#3a3117 rgb(58,49,23)
```

Triadic Color

#17203a
```
#17203a rgb(23,32,58)
```
#31173a
```
#31173a rgb(49,23,58)
```
#3a3117
```
#3a3117 rgb(58,49,23)
```
#203a17
```
#203a17 rgb(32,58,23)
```

Tetradic Color

#030103
```
#030103 rgb(3,1,3)
```
#120915
```
#120915 rgb(18,9,21)
```
#221028
```
#221028 rgb(34,16,40)
```
#31173a
```
#31173a rgb(49,23,58)
```
#401e4c
```
#401e4c rgb(64,30,76)
```
#50255f
```
#50255f rgb(80,37,95)
```
#5f2d71
```
#5f2d71 rgb(95,45,113)
```

Monochromatic Color

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

#28173a
```
#28173a rgb(40,23,58)
```
#2b173a
```
#2b173a rgb(43,23,58)
```
#2e173a
```
#2e173a rgb(46,23,58)
```
#31173a
```
#31173a rgb(49,23,58)
```
#34173a
```
#34173a rgb(52,23,58)
```
#37173a
```
#37173a rgb(55,23,58)
```
#3a173a
```
#3a173a rgb(58,23,58)
```

Similar Colors

Text with hexadecimal color #31173a

This text has a font color of #31173a.

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

#31173a background color

This paragraph has a background color of #31173a.

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

#31173a border color

This element has a border color of #31173a.

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

CSS codes

.text {color:#31173a;}

.background {background-color:#31173a;}

.border {border:1px solid #31173a;}

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

#020102
```
#020102 rgb(2,1,2)
```
#0d0610
```
#0d0610 rgb(13,6,16)
```
#190c1e
```
#190c1e rgb(25,12,30)
```
#25112c
```
#25112c rgb(37,17,44)
```
#31173a
```
#31173a rgb(49,23,58)
```
#3d1d48
```
#3d1d48 rgb(61,29,72)
```
#492256
```
#492256 rgb(73,34,86)
```
#552864
```
#552864 rgb(85,40,100)
```
#602d72
```
#602d72 rgb(96,45,114)
```
#6c3380
```
#6c3380 rgb(108,51,128)
```
#78388e
```
#78388e rgb(120,56,142)
```
#843e9c
```
#843e9c rgb(132,62,156)
```
#9044aa
```
#9044aa rgb(144,68,170)
```

Shade Color Variation

#9b4ab7
```
#9b4ab7 rgb(155,74,183)
```
#a358bd
```
#a358bd rgb(163,88,189)
```
#ab66c2
```
#ab66c2 rgb(171,102,194)
```
#b374c8
```
#b374c8 rgb(179,116,200)
```
#ba82ce
```
#ba82ce rgb(186,130,206)
```
#c290d3
```
#c290d3 rgb(194,144,211)
```
#ca9ed9
```
#ca9ed9 rgb(202,158,217)
```
#d2adde
```
#d2adde rgb(210,173,222)
```
#d9bbe4
```
#d9bbe4 rgb(217,187,228)
```
#e1c9e9
```
#e1c9e9 rgb(225,201,233)
```
#e9d7ef
```
#e9d7ef rgb(233,215,239)
```
#f1e5f5
```
#f1e5f5 rgb(241,229,245)
```
#f8f3fa
```
#f8f3fa rgb(248,243,250)
```

Tint Color Variation

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

#29272a
```
#29272a rgb(41,39,42)
```
#2b232e
```
#2b232e rgb(43,35,46)
```
#2c2031
```
#2c2031 rgb(44,32,49)
```
#2e1d34
```
#2e1d34 rgb(46,29,52)
```
#2f1a37
```
#2f1a37 rgb(47,26,55)
```
#31173a
```
#31173a rgb(49,23,58)
```
#33143d
```
#33143d rgb(51,20,61)
```
#341140
```
#341140 rgb(52,17,64)
```
#360e43
```
#360e43 rgb(54,14,67)
```
#370b46
```
#370b46 rgb(55,11,70)
```
#39074a
```
#39074a rgb(57,7,74)
```
#3a044d
```
#3a044d rgb(58,4,77)
```
#3c0150
```
#3c0150 rgb(60,1,80)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#262128 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d2c4b Protanopia 1% of men
#232c41 Deuteranopia 1% of men
#37292c Tritanopia 0.001% of the population

Trichromacy

#242445 Protanomaly 1% of men, 0.01% of women
#28243e Deuteranomaly 6% of men, 0.4% of women
#352231 Tritanomaly 0.01% of the population

#31173a hex color

#31173a Color Information

#31173a Color Conversion

Color Schemes with #31173a

Alternatives to #31173a

#31173a Preview

Shades and Tints of #31173a

Tones of #31173a

Color Blindness Simulator