#31184c hex color

In a RGB color space, hex #31184c is composed of 19.2% red, 9.4% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 68.4% magenta, 0% yellow and 70.2% black. It has a hue angle of 268.8 degrees, a saturation of 52% and a lightness of 19.6%. #31184c color hex could be obtained by blending #623098 with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 19
- G 9
- B 30
RGB color chart
- C 36
- M 68
- Y 0
- K 70
CMYK color chart

● #31184c color description : Very dark violet.

The hexadecimal color #31184c has RGB values of R:49, G:24, B:76 and CMYK values of C:0.36, M:0.68, Y:0, K:0.7. Its decimal value is 3217484.

Hex triplet	31184c	`#31184c`
RGB Decimal	49, 24, 76	`rgb(49,24,76)`
RGB Percent	19.2, 9.4, 29.8	`rgb(19.2%,9.4%,29.8%)`
CMYK	36, 68, 0, 70
HSL	268.8°, 52, 19.6	`hsl(268.8,52%,19.6%)`
HSV (or HSB)	268.8°, 68.4, 29.8
Web Safe	330033	`#330033`

CIE-LAB	14.558, 24.481, -27.576
XYZ	2.898, 1.828, 7.037
xyY	0.246, 0.155, 1.828
CIE-LCH	14.558, 36.875, 311.597
CIE-LUV	14.558, 5.208, -28.092
Hunter-Lab	13.521, 14.593, -21.395
Binary	00110001, 00011000, 01001100

#31184c
```
#31184c rgb(49,24,76)
```
#334c18
```
#334c18 rgb(51,76,24)
```

Complementary Color

#18194c
```
#18194c rgb(24,25,76)
```
#31184c
```
#31184c rgb(49,24,76)
```
#4b184c
```
#4b184c rgb(75,24,76)
```

Analogous Color

#194c18
```
#194c18 rgb(25,76,24)
```
#31184c
```
#31184c rgb(49,24,76)
```
#4c4b18
```
#4c4b18 rgb(76,75,24)
```

Split Complementary Color

#184c31
```
#184c31 rgb(24,76,49)
```
#31184c
```
#31184c rgb(49,24,76)
```
#4c3118
```
#4c3118 rgb(76,49,24)
```

Triadic Color

#18334c
```
#18334c rgb(24,51,76)
```
#31184c
```
#31184c rgb(49,24,76)
```
#4c3118
```
#4c3118 rgb(76,49,24)
```
#334c18
```
#334c18 rgb(51,76,24)
```

Tetradic Color

#0c0612
```
#0c0612 rgb(12,6,18)
```
#180c25
```
#180c25 rgb(24,12,37)
```
#251239
```
#251239 rgb(37,18,57)
```
#31184c
```
#31184c rgb(49,24,76)
```
#3d1e5f
```
#3d1e5f rgb(61,30,95)
```
#4a2473
```
#4a2473 rgb(74,36,115)
```
#562a86
```
#562a86 rgb(86,42,134)
```

Monochromatic Color

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

#24184c
```
#24184c rgb(36,24,76)
```
#28184c
```
#28184c rgb(40,24,76)
```
#2d184c
```
#2d184c rgb(45,24,76)
```
#31184c
```
#31184c rgb(49,24,76)
```
#35184c
```
#35184c rgb(53,24,76)
```
#3a184c
```
#3a184c rgb(58,24,76)
```
#3e184c
```
#3e184c rgb(62,24,76)
```

Similar Colors

Text with hexadecimal color #31184c

This text has a font color of #31184c.

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

#31184c background color

This paragraph has a background color of #31184c.

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

#31184c border color

This element has a border color of #31184c.

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

CSS codes

.text {color:#31184c;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0b0510
```
#0b0510 rgb(11,5,16)
```
#140a1f
```
#140a1f rgb(20,10,31)
```
#1e0f2e
```
#1e0f2e rgb(30,15,46)
```
#27133d
```
#27133d rgb(39,19,61)
```
#31184c
```
#31184c rgb(49,24,76)
```
#3b1d5b
```
#3b1d5b rgb(59,29,91)
```
#44216a
```
#44216a rgb(68,33,106)
```
#4e2679
```
#4e2679 rgb(78,38,121)
```
#572b88
```
#572b88 rgb(87,43,136)
```
#613097
```
#613097 rgb(97,48,151)
```
#6b34a5
```
#6b34a5 rgb(107,52,165)
```
#7439b4
```
#7439b4 rgb(116,57,180)
```

Shade Color Variation

#7e3fc2
```
#7e3fc2 rgb(126,63,194)
```
#884ec7
```
#884ec7 rgb(136,78,199)
```
#925ccc
```
#925ccc rgb(146,92,204)
```
#9c6bd0
```
#9c6bd0 rgb(156,107,208)
```
#a67ad5
```
#a67ad5 rgb(166,122,213)
```
#b089da
```
#b089da rgb(176,137,218)
```
#ba98df
```
#ba98df rgb(186,152,223)
```
#c4a7e3
```
#c4a7e3 rgb(196,167,227)
```
#ceb6e8
```
#ceb6e8 rgb(206,182,232)
```
#d8c5ed
```
#d8c5ed rgb(216,197,237)
```
#e2d4f1
```
#e2d4f1 rgb(226,212,241)
```
#ece3f6
```
#ece3f6 rgb(236,227,246)
```
#f6f2fb
```
#f6f2fb rgb(246,242,251)
```

Tint Color Variation

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

#322f35
```
#322f35 rgb(50,47,53)
```
#322b39
```
#322b39 rgb(50,43,57)
```
#32273d
```
#32273d rgb(50,39,61)
```
#312440
```
#312440 rgb(49,36,64)
```
#312044
```
#312044 rgb(49,32,68)
```
#311c48
```
#311c48 rgb(49,28,72)
```
#31184c
```
#31184c rgb(49,24,76)
```
#311450
```
#311450 rgb(49,20,80)
```
#311054
```
#311054 rgb(49,16,84)
```
#310c58
```
#310c58 rgb(49,12,88)
```
#30095b
```
#30095b rgb(48,9,91)
```
#30055f
```
#30055f rgb(48,5,95)
```
#300163
```
#300163 rgb(48,1,99)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#27222d Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e5b Protanopia 1% of men
#0d3050 Deuteranopia 1% of men
#332e32 Tritanopia 0.001% of the population

Trichromacy

#112655 Protanomaly 1% of men, 0.01% of women
#1a274f Deuteranomaly 6% of men, 0.4% of women
#32263b Tritanomaly 0.01% of the population

#31184c hex color

#31184c Color Information

#31184c Color Conversion

Color Schemes with #31184c

Alternatives to #31184c

#31184c Preview

Shades and Tints of #31184c

Tones of #31184c

Color Blindness Simulator