#31018e hex color

In a RGB color space, hex #31018e is composed of 19.2% red, 0.4% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 99.3% magenta, 0% yellow and 44.3% black. It has a hue angle of 260.4 degrees, a saturation of 98.6% and a lightness of 28%. #31018e color hex could be obtained by blending #6202ff with #00001d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 0
- B 56
RGB color chart
- C 65
- M 99
- Y 0
- K 44
CMYK color chart

● #31018e color description : Dark violet.

The hexadecimal color #31018e has RGB values of R:49, G:1, B:142 and CMYK values of C:0.65, M:0.99, Y:0, K:0.44. Its decimal value is 3211662.

Hex triplet	31018e	`#31018e`
RGB Decimal	49, 1, 142	`rgb(49,1,142)`
RGB Percent	19.2, 0.4, 55.7	`rgb(19.2%,0.4%,55.7%)`
CMYK	65, 99, 0, 44
HSL	260.4°, 98.6, 28	`hsl(260.4,98.6%,28%)`
HSV (or HSB)	260.4°, 99.3, 55.7
Web Safe	330099	`#330099`

CIE-LAB	18.485, 52.186, -64.259
XYZ	6.159, 2.627, 25.772
xyY	0.178, 0.076, 2.627
CIE-LCH	18.485, 82.78, 309.081
CIE-LUV	18.485, 0.634, -66.304
Hunter-Lab	16.209, 39.458, -82.922
Binary	00110001, 00000001, 10001110

#31018e
```
#31018e rgb(49,1,142)
```
#5e8e01
```
#5e8e01 rgb(94,142,1)
```

Complementary Color

#01188e
```
#01188e rgb(1,24,142)
```
#31018e
```
#31018e rgb(49,1,142)
```
#78018e
```
#78018e rgb(120,1,142)
```

Analogous Color

#188e01
```
#188e01 rgb(24,142,1)
```
#31018e
```
#31018e rgb(49,1,142)
```
#8e7801
```
#8e7801 rgb(142,120,1)
```

Split Complementary Color

#018e31
```
#018e31 rgb(1,142,49)
```
#31018e
```
#31018e rgb(49,1,142)
```
#8e3101
```
#8e3101 rgb(142,49,1)
```

Triadic Color

#015e8e
```
#015e8e rgb(1,94,142)
```
#31018e
```
#31018e rgb(49,1,142)
```
#8e3101
```
#8e3101 rgb(142,49,1)
```
#5e8e01
```
#5e8e01 rgb(94,142,1)
```

Tetradic Color

#170042
```
#170042 rgb(23,0,66)
```
#20015b
```
#20015b rgb(32,1,91)
```
#280175
```
#280175 rgb(40,1,117)
```
#31018e
```
#31018e rgb(49,1,142)
```
#3a01a7
```
#3a01a7 rgb(58,1,167)
```
#4201c1
```
#4201c1 rgb(66,1,193)
```
#4b02da
```
#4b02da rgb(75,2,218)
```

Monochromatic Color

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

#0e018e
```
#0e018e rgb(14,1,142)
```
#1a018e
```
#1a018e rgb(26,1,142)
```
#25018e
```
#25018e rgb(37,1,142)
```
#31018e
```
#31018e rgb(49,1,142)
```
#3d018e
```
#3d018e rgb(61,1,142)
```
#49018e
```
#49018e rgb(73,1,142)
```
#54018e
```
#54018e rgb(84,1,142)
```

Similar Colors

Text with hexadecimal color #31018e

This text has a font color of #31018e.

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

#31018e background color

This paragraph has a background color of #31018e.

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

#31018e border color

This element has a border color of #31018e.

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

CSS codes

.text {color:#31018e;}

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

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

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

#020006
```
#020006 rgb(2,0,6)
```
#090019
```
#090019 rgb(9,0,25)
```
#0f002d
```
#0f002d rgb(15,0,45)
```
#160040
```
#160040 rgb(22,0,64)
```
#1d0154
```
#1d0154 rgb(29,1,84)
```
#240167
```
#240167 rgb(36,1,103)
```
#2a017b
```
#2a017b rgb(42,1,123)
```
#31018e
```
#31018e rgb(49,1,142)
```
#3801a1
```
#3801a1 rgb(56,1,161)
```
#3e01b5
```
#3e01b5 rgb(62,1,181)
```
#4501c8
```
#4501c8 rgb(69,1,200)
```
#4c02dc
```
#4c02dc rgb(76,2,220)
```
#5302ef
```
#5302ef rgb(83,2,239)
```

Shade Color Variation

#5b07fd
```
#5b07fd rgb(91,7,253)
```
#681bfd
```
#681bfd rgb(104,27,253)
```
#752efe
```
#752efe rgb(117,46,254)
```
#8242fe
```
#8242fe rgb(130,66,254)
```
#8f55fe
```
#8f55fe rgb(143,85,254)
```
#9c69fe
```
#9c69fe rgb(156,105,254)
```
#a87cfe
```
#a87cfe rgb(168,124,254)
```
#b590fe
```
#b590fe rgb(181,144,254)
```
#c2a3fe
```
#c2a3fe rgb(194,163,254)
```
#cfb7fe
```
#cfb7fe rgb(207,183,254)
```
#dccaff
```
#dccaff rgb(220,202,255)
```
#e9deff
```
#e9deff rgb(233,222,255)
```
#f6f1ff
```
#f6f1ff rgb(246,241,255)
```

Tint Color Variation

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

#46434c
```
#46434c rgb(70,67,76)
```
#443e52
```
#443e52 rgb(68,62,82)
```
#433857
```
#433857 rgb(67,56,87)
```
#41335d
```
#41335d rgb(65,51,93)
```
#3f2d62
```
#3f2d62 rgb(63,45,98)
```
#3d2868
```
#3d2868 rgb(61,40,104)
```
#3c226d
```
#3c226d rgb(60,34,109)
```
#3a1d73
```
#3a1d73 rgb(58,29,115)
```
#381778
```
#381778 rgb(56,23,120)
```
#36127e
```
#36127e rgb(54,18,126)
```
#350c83
```
#350c83 rgb(53,12,131)
```
#330789
```
#330789 rgb(51,7,137)
```
#31018e
```
#31018e rgb(49,1,142)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#231935 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003669 Protanopia 1% of men
#00395b Deuteranopia 1% of men
#003d41 Tritanopia 0.001% of the population

Trichromacy

#112376 Protanomaly 1% of men, 0.01% of women
#11256d Deuteranomaly 6% of men, 0.4% of women
#11275d Tritanomaly 0.01% of the population

#31018e hex color

#31018e Color Information

#31018e Color Conversion

Color Schemes with #31018e

Alternatives to #31018e

#31018e Preview

Shades and Tints of #31018e

Tones of #31018e

Color Blindness Simulator