#31018f hex color

In a RGB color space, hex #31018f is composed of 19.2% red, 0.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 99.3% magenta, 0% yellow and 43.9% black. It has a hue angle of 260.3 degrees, a saturation of 98.6% and a lightness of 28.2%. #31018f color hex could be obtained by blending #6202ff with #00001f. Closest websafe color is: #330099.

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

● #31018f color description : Dark violet.

The hexadecimal color #31018f has RGB values of R:49, G:1, B:143 and CMYK values of C:0.66, M:0.99, Y:0, K:0.44. Its decimal value is 3211663.

Hex triplet	31018f	`#31018f`
RGB Decimal	49, 1, 143	`rgb(49,1,143)`
RGB Percent	19.2, 0.4, 56.1	`rgb(19.2%,0.4%,56.1%)`
CMYK	66, 99, 0, 44
HSL	260.3°, 98.6, 28.2	`hsl(260.3,98.6%,28.2%)`
HSV (or HSB)	260.3°, 99.3, 56.1
Web Safe	330099	`#330099`

CIE-LAB	18.617, 52.435, -64.664
XYZ	6.234, 2.658, 26.17
xyY	0.178, 0.076, 2.658
CIE-LCH	18.617, 83.252, 309.038
CIE-LUV	18.617, 0.555, -66.891
Hunter-Lab	16.302, 39.735, -83.765
Binary	00110001, 00000001, 10001111

#31018f
```
#31018f rgb(49,1,143)
```
#5f8f01
```
#5f8f01 rgb(95,143,1)
```

Complementary Color

#01188f
```
#01188f rgb(1,24,143)
```
#31018f
```
#31018f rgb(49,1,143)
```
#78018f
```
#78018f rgb(120,1,143)
```

Analogous Color

#188f01
```
#188f01 rgb(24,143,1)
```
#31018f
```
#31018f rgb(49,1,143)
```
#8f7801
```
#8f7801 rgb(143,120,1)
```

Split Complementary Color

#018f31
```
#018f31 rgb(1,143,49)
```
#31018f
```
#31018f rgb(49,1,143)
```
#8f3101
```
#8f3101 rgb(143,49,1)
```

Triadic Color

#015f8f
```
#015f8f rgb(1,95,143)
```
#31018f
```
#31018f rgb(49,1,143)
```
#8f3101
```
#8f3101 rgb(143,49,1)
```
#5f8f01
```
#5f8f01 rgb(95,143,1)
```

Tetradic Color

#170043
```
#170043 rgb(23,0,67)
```
#20015c
```
#20015c rgb(32,1,92)
```
#280176
```
#280176 rgb(40,1,118)
```
#31018f
```
#31018f rgb(49,1,143)
```
#3a01a8
```
#3a01a8 rgb(58,1,168)
```
#4201c2
```
#4201c2 rgb(66,1,194)
```
#4b02db
```
#4b02db rgb(75,2,219)
```

Monochromatic Color

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

#0d018f
```
#0d018f rgb(13,1,143)
```
#19018f
```
#19018f rgb(25,1,143)
```
#25018f
```
#25018f rgb(37,1,143)
```
#31018f
```
#31018f rgb(49,1,143)
```
#3d018f
```
#3d018f rgb(61,1,143)
```
#49018f
```
#49018f rgb(73,1,143)
```
#54018f
```
#54018f rgb(84,1,143)
```

Similar Colors

Text with hexadecimal color #31018f

This text has a font color of #31018f.

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

#31018f background color

This paragraph has a background color of #31018f.

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

#31018f border color

This element has a border color of #31018f.

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

CSS codes

.text {color:#31018f;}

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

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

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

#020007
```
#020007 rgb(2,0,7)
```
#09001a
```
#09001a rgb(9,0,26)
```
#10002e
```
#10002e rgb(16,0,46)
```
#160041
```
#160041 rgb(22,0,65)
```
#1d0155
```
#1d0155 rgb(29,1,85)
```
#240168
```
#240168 rgb(36,1,104)
```
#2a017c
```
#2a017c rgb(42,1,124)
```
#31018f
```
#31018f rgb(49,1,143)
```
#3801a2
```
#3801a2 rgb(56,1,162)
```
#3e01b6
```
#3e01b6 rgb(62,1,182)
```
#4501c9
```
#4501c9 rgb(69,1,201)
```
#4c02dd
```
#4c02dd rgb(76,2,221)
```
#5202f0
```
#5202f0 rgb(82,2,240)
```

Shade Color Variation

#5b08fd
```
#5b08fd rgb(91,8,253)
```
#681cfd
```
#681cfd rgb(104,28,253)
```
#752ffe
```
#752ffe rgb(117,47,254)
```
#8243fe
```
#8243fe rgb(130,67,254)
```
#8f56fe
```
#8f56fe rgb(143,86,254)
```
#9c6afe
```
#9c6afe rgb(156,106,254)
```
#a97dfe
```
#a97dfe rgb(169,125,254)
```
#b691fe
```
#b691fe rgb(182,145,254)
```
#c3a4fe
```
#c3a4fe rgb(195,164,254)
```
#d0b8ff
```
#d0b8ff rgb(208,184,255)
```
#ddcbff
```
#ddcbff rgb(221,203,255)
```
#eadfff
```
#eadfff rgb(234,223,255)
```
#f6f2ff
```
#f6f2ff rgb(246,242,255)
```

Tint Color Variation

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

#47434d
```
#47434d rgb(71,67,77)
```
#453e52
```
#453e52 rgb(69,62,82)
```
#433858
```
#433858 rgb(67,56,88)
```
#41335d
```
#41335d rgb(65,51,93)
```
#3f2d63
```
#3f2d63 rgb(63,45,99)
```
#3e2868
```
#3e2868 rgb(62,40,104)
```
#3c226e
```
#3c226e rgb(60,34,110)
```
#3a1d73
```
#3a1d73 rgb(58,29,115)
```
#381779
```
#381779 rgb(56,23,121)
```
#36127e
```
#36127e rgb(54,18,126)
```
#350c84
```
#350c84 rgb(53,12,132)
```
#330789
```
#330789 rgb(51,7,137)
```
#31018f
```
#31018f rgb(49,1,143)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#231a36 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#31018f hex color

#31018f Color Information

#31018f Color Conversion

Color Schemes with #31018f

Alternatives to #31018f

#31018f Preview

Shades and Tints of #31018f

Tones of #31018f

Color Blindness Simulator