#31018a hex color

In a RGB color space, hex #31018a is composed of 19.2% red, 0.4% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 99.3% magenta, 0% yellow and 45.9% black. It has a hue angle of 261 degrees, a saturation of 98.6% and a lightness of 27.3%. #31018a color hex could be obtained by blending #6202ff with #000015. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 0
- B 54
RGB color chart
- C 64
- M 99
- Y 0
- K 46
CMYK color chart

● #31018a color description : Dark violet.

The hexadecimal color #31018a has RGB values of R:49, G:1, B:138 and CMYK values of C:0.64, M:0.99, Y:0, K:0.46. Its decimal value is 3211658.

Hex triplet	31018a	`#31018a`
RGB Decimal	49, 1, 138	`rgb(49,1,138)`
RGB Percent	19.2, 0.4, 54.1	`rgb(19.2%,0.4%,54.1%)`
CMYK	64, 99, 0, 46
HSL	261°, 98.6, 27.3	`hsl(261,98.6%,27.3%)`
HSV (or HSB)	261°, 99.3, 54.1
Web Safe	330099	`#330099`

CIE-LAB	17.961, 51.186, -62.625
XYZ	5.864, 2.509, 24.219
xyY	0.18, 0.077, 2.509
CIE-LCH	17.961, 80.882, 309.261
CIE-LUV	17.961, 0.954, -63.957
Hunter-Lab	15.841, 38.354, -79.556
Binary	00110001, 00000001, 10001010

#31018a
```
#31018a rgb(49,1,138)
```
#5a8a01
```
#5a8a01 rgb(90,138,1)
```

Complementary Color

#01158a
```
#01158a rgb(1,21,138)
```
#31018a
```
#31018a rgb(49,1,138)
```
#76018a
```
#76018a rgb(118,1,138)
```

Analogous Color

#168a01
```
#168a01 rgb(22,138,1)
```
#31018a
```
#31018a rgb(49,1,138)
```
#8a7601
```
#8a7601 rgb(138,118,1)
```

Split Complementary Color

#018a31
```
#018a31 rgb(1,138,49)
```
#31018a
```
#31018a rgb(49,1,138)
```
#8a3101
```
#8a3101 rgb(138,49,1)
```

Triadic Color

#015a8a
```
#015a8a rgb(1,90,138)
```
#31018a
```
#31018a rgb(49,1,138)
```
#8a3101
```
#8a3101 rgb(138,49,1)
```
#5a8a01
```
#5a8a01 rgb(90,138,1)
```

Tetradic Color

#16003e
```
#16003e rgb(22,0,62)
```
#1f0157
```
#1f0157 rgb(31,1,87)
```
#280171
```
#280171 rgb(40,1,113)
```
#31018a
```
#31018a rgb(49,1,138)
```
#3a01a3
```
#3a01a3 rgb(58,1,163)
```
#4301bd
```
#4301bd rgb(67,1,189)
```
#4c02d6
```
#4c02d6 rgb(76,2,214)
```

Monochromatic Color

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

#0f018a
```
#0f018a rgb(15,1,138)
```
#1a018a
```
#1a018a rgb(26,1,138)
```
#26018a
```
#26018a rgb(38,1,138)
```
#31018a
```
#31018a rgb(49,1,138)
```
#3c018a
```
#3c018a rgb(60,1,138)
```
#48018a
```
#48018a rgb(72,1,138)
```
#53018a
```
#53018a rgb(83,1,138)
```

Similar Colors

Text with hexadecimal color #31018a

This text has a font color of #31018a.

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

#31018a background color

This paragraph has a background color of #31018a.

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

#31018a border color

This element has a border color of #31018a.

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

CSS codes

.text {color:#31018a;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#080015
```
#080015 rgb(8,0,21)
```
#0e0029
```
#0e0029 rgb(14,0,41)
```
#15003c
```
#15003c rgb(21,0,60)
```
#1c0150
```
#1c0150 rgb(28,1,80)
```
#230163
```
#230163 rgb(35,1,99)
```
#2a0177
```
#2a0177 rgb(42,1,119)
```
#31018a
```
#31018a rgb(49,1,138)
```
#38019d
```
#38019d rgb(56,1,157)
```
#3f01b1
```
#3f01b1 rgb(63,1,177)
```
#4601c4
```
#4601c4 rgb(70,1,196)
```
#4d02d8
```
#4d02d8 rgb(77,2,216)
```
#5402eb
```
#5402eb rgb(84,2,235)
```

Shade Color Variation

#5b04fd
```
#5b04fd rgb(91,4,253)
```
#6817fd
```
#6817fd rgb(104,23,253)
```
#742afd
```
#742afd rgb(116,42,253)
```
#813efe
```
#813efe rgb(129,62,254)
```
#8e51fe
```
#8e51fe rgb(142,81,254)
```
#9a65fe
```
#9a65fe rgb(154,101,254)
```
#a778fe
```
#a778fe rgb(167,120,254)
```
#b48cfe
```
#b48cfe rgb(180,140,254)
```
#c19ffe
```
#c19ffe rgb(193,159,254)
```
#cdb3fe
```
#cdb3fe rgb(205,179,254)
```
#dac6ff
```
#dac6ff rgb(218,198,255)
```
#e7daff
```
#e7daff rgb(231,218,255)
```
#f3edff
```
#f3edff rgb(243,237,255)
```

Tint Color Variation

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

#44414a
```
#44414a rgb(68,65,74)
```
#433c4f
```
#433c4f rgb(67,60,79)
```
#413655
```
#413655 rgb(65,54,85)
```
#3f315a
```
#3f315a rgb(63,49,90)
```
#3e2c5f
```
#3e2c5f rgb(62,44,95)
```
#3c2665
```
#3c2665 rgb(60,38,101)
```
#3b216a
```
#3b216a rgb(59,33,106)
```
#391c6f
```
#391c6f rgb(57,28,111)
```
#371675
```
#371675 rgb(55,22,117)
```
#36117a
```
#36117a rgb(54,17,122)
```
#340c7f
```
#340c7f rgb(52,12,127)
```
#330685
```
#330685 rgb(51,6,133)
```
#31018a
```
#31018a rgb(49,1,138)
```

Tone Color Variation

Below, you can see how #31018a 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
#231934 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003567 Protanopia 1% of men
#003859 Deuteranopia 1% of men
#003c40 Tritanopia 0.001% of the population

Trichromacy

#112274 Protanomaly 1% of men, 0.01% of women
#11246b Deuteranomaly 6% of men, 0.4% of women
#11265a Tritanomaly 0.01% of the population

#31018a hex color

#31018a Color Information

#31018a Color Conversion

Color Schemes with #31018a

Alternatives to #31018a

#31018a Preview

Shades and Tints of #31018a

Tones of #31018a

Color Blindness Simulator