#31184e hex color

In a RGB color space, hex #31184e is composed of 19.2% red, 9.4% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 37.2% cyan, 69.2% magenta, 0% yellow and 69.4% black. It has a hue angle of 267.8 degrees, a saturation of 52.9% and a lightness of 20%. #31184e color hex could be obtained by blending #62309c with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 9
- B 31
RGB color chart
- C 37
- M 69
- Y 0
- K 69
CMYK color chart

● #31184e color description : Very dark violet.

The hexadecimal color #31184e has RGB values of R:49, G:24, B:78 and CMYK values of C:0.37, M:0.69, Y:0, K:0.69. Its decimal value is 3217486.

Hex triplet	31184e	`#31184e`
RGB Decimal	49, 24, 78	`rgb(49,24,78)`
RGB Percent	19.2, 9.4, 30.6	`rgb(19.2%,9.4%,30.6%)`
CMYK	37, 69, 0, 69
HSL	267.8°, 52.9, 20	`hsl(267.8,52.9%,20%)`
HSV (or HSB)	267.8°, 69.2, 30.6
Web Safe	330066	`#330066`

CIE-LAB	14.714, 25.064, -28.696
XYZ	2.968, 1.856, 7.409
xyY	0.243, 0.152, 1.856
CIE-LCH	14.714, 38.101, 311.135
CIE-LUV	14.714, 4.974, -29.335
Hunter-Lab	13.625, 15.044, -22.705
Binary	00110001, 00011000, 01001110

#31184e
```
#31184e rgb(49,24,78)
```
#354e18
```
#354e18 rgb(53,78,24)
```

Complementary Color

#181a4e
```
#181a4e rgb(24,26,78)
```
#31184e
```
#31184e rgb(49,24,78)
```
#4c184e
```
#4c184e rgb(76,24,78)
```

Analogous Color

#1a4e18
```
#1a4e18 rgb(26,78,24)
```
#31184e
```
#31184e rgb(49,24,78)
```
#4e4c18
```
#4e4c18 rgb(78,76,24)
```

Split Complementary Color

#184e31
```
#184e31 rgb(24,78,49)
```
#31184e
```
#31184e rgb(49,24,78)
```
#4e3118
```
#4e3118 rgb(78,49,24)
```

Triadic Color

#18354e
```
#18354e rgb(24,53,78)
```
#31184e
```
#31184e rgb(49,24,78)
```
#4e3118
```
#4e3118 rgb(78,49,24)
```
#354e18
```
#354e18 rgb(53,78,24)
```

Tetradic Color

#0c0614
```
#0c0614 rgb(12,6,20)
```
#190c27
```
#190c27 rgb(25,12,39)
```
#25123b
```
#25123b rgb(37,18,59)
```
#31184e
```
#31184e rgb(49,24,78)
```
#3d1e62
```
#3d1e62 rgb(61,30,98)
```
#4a2475
```
#4a2475 rgb(74,36,117)
```
#562a89
```
#562a89 rgb(86,42,137)
```

Monochromatic Color

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

#24184e
```
#24184e rgb(36,24,78)
```
#28184e
```
#28184e rgb(40,24,78)
```
#2d184e
```
#2d184e rgb(45,24,78)
```
#31184e
```
#31184e rgb(49,24,78)
```
#36184e
```
#36184e rgb(54,24,78)
```
#3a184e
```
#3a184e rgb(58,24,78)
```
#3f184e
```
#3f184e rgb(63,24,78)
```

Similar Colors

Text with hexadecimal color #31184e

This text has a font color of #31184e.

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

#31184e background color

This paragraph has a background color of #31184e.

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

#31184e border color

This element has a border color of #31184e.

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

CSS codes

.text {color:#31184e;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0b0612
```
#0b0612 rgb(11,6,18)
```
#150a21
```
#150a21 rgb(21,10,33)
```
#1e0f30
```
#1e0f30 rgb(30,15,48)
```
#28133f
```
#28133f rgb(40,19,63)
```
#31184e
```
#31184e rgb(49,24,78)
```
#3a1d5d
```
#3a1d5d rgb(58,29,93)
```
#44216c
```
#44216c rgb(68,33,108)
```
#4d267b
```
#4d267b rgb(77,38,123)
```
#572a8a
```
#572a8a rgb(87,42,138)
```
#602f99
```
#602f99 rgb(96,47,153)
```
#6a34a8
```
#6a34a8 rgb(106,52,168)
```
#7338b7
```
#7338b7 rgb(115,56,183)
```

Shade Color Variation

#7d3fc4
```
#7d3fc4 rgb(125,63,196)
```
#874ec9
```
#874ec9 rgb(135,78,201)
```
#915dcd
```
#915dcd rgb(145,93,205)
```
#9b6cd2
```
#9b6cd2 rgb(155,108,210)
```
#a57bd6
```
#a57bd6 rgb(165,123,214)
```
#b08adb
```
#b08adb rgb(176,138,219)
```
#ba99e0
```
#ba99e0 rgb(186,153,224)
```
#c4a8e4
```
#c4a8e4 rgb(196,168,228)
```
#ceb7e9
```
#ceb7e9 rgb(206,183,233)
```
#d8c6ed
```
#d8c6ed rgb(216,198,237)
```
#e2d5f2
```
#e2d5f2 rgb(226,213,242)
```
#ede4f7
```
#ede4f7 rgb(237,228,247)
```
#f7f3fb
```
#f7f3fb rgb(247,243,251)
```

Tint Color Variation

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

#333036
```
#333036 rgb(51,48,54)
```
#322c3a
```
#322c3a rgb(50,44,58)
```
#32283e
```
#32283e rgb(50,40,62)
```
#322442
```
#322442 rgb(50,36,66)
```
#322046
```
#322046 rgb(50,32,70)
```
#311c4a
```
#311c4a rgb(49,28,74)
```
#31184e
```
#31184e rgb(49,24,78)
```
#311452
```
#311452 rgb(49,20,82)
```
#301056
```
#301056 rgb(48,16,86)
```
#300c5a
```
#300c5a rgb(48,12,90)
```
#30085e
```
#30085e rgb(48,8,94)
```
#300462
```
#300462 rgb(48,4,98)
```
#2f0066
```
#2f0066 rgb(47,0,102)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#28232e Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e5c Protanopia 1% of men
#003152 Deuteranopia 1% of men
#322f32 Tritanopia 0.001% of the population

Trichromacy

#112656 Protanomaly 1% of men, 0.01% of women
#112850 Deuteranomaly 6% of men, 0.4% of women
#32263c Tritanomaly 0.01% of the population

#31184e hex color

#31184e Color Information

#31184e Color Conversion

Color Schemes with #31184e

Alternatives to #31184e

#31184e Preview

Shades and Tints of #31184e

Tones of #31184e

Color Blindness Simulator