#310a86 hex color

In a RGB color space, hex #310a86 is composed of 19.2% red, 3.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 92.5% magenta, 0% yellow and 47.5% black. It has a hue angle of 258.9 degrees, a saturation of 86.1% and a lightness of 28.2%. #310a86 color hex could be obtained by blending #6214ff with #00000d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 4
- B 53
RGB color chart
- C 63
- M 93
- Y 0
- K 47
CMYK color chart

● #310a86 color description : Dark violet.

The hexadecimal color #310a86 has RGB values of R:49, G:10, B:134 and CMYK values of C:0.63, M:0.93, Y:0, K:0.47. Its decimal value is 3213958.

Hex triplet	310a86	`#310a86`
RGB Decimal	49, 10, 134	`rgb(49,10,134)`
RGB Percent	19.2, 3.9, 52.5	`rgb(19.2%,3.9%,52.5%)`
CMYK	63, 93, 0, 47
HSL	258.9°, 86.1, 28.2	`hsl(258.9,86.1%,28.2%)`
HSV (or HSB)	258.9°, 92.5, 52.5
Web Safe	330099	`#330099`

CIE-LAB	18.326, 47.497, -59.503
XYZ	5.677, 2.591, 22.754
xyY	0.183, 0.084, 2.591
CIE-LCH	18.326, 76.135, 308.598
CIE-LUV	18.326, 0.829, -62.324
Hunter-Lab	16.097, 34.788, -72.542
Binary	00110001, 00001010, 10000110

#310a86
```
#310a86 rgb(49,10,134)
```
#5f860a
```
#5f860a rgb(95,134,10)
```

Complementary Color

#0a2186
```
#0a2186 rgb(10,33,134)
```
#310a86
```
#310a86 rgb(49,10,134)
```
#6f0a86
```
#6f0a86 rgb(111,10,134)
```

Analogous Color

#21860a
```
#21860a rgb(33,134,10)
```
#310a86
```
#310a86 rgb(49,10,134)
```
#866f0a
```
#866f0a rgb(134,111,10)
```

Split Complementary Color

#0a8631
```
#0a8631 rgb(10,134,49)
```
#310a86
```
#310a86 rgb(49,10,134)
```
#86310a
```
#86310a rgb(134,49,10)
```

Triadic Color

#0a5f86
```
#0a5f86 rgb(10,95,134)
```
#310a86
```
#310a86 rgb(49,10,134)
```
#86310a
```
#86310a rgb(134,49,10)
```
#5f860a
```
#5f860a rgb(95,134,10)
```

Tetradic Color

#17053f
```
#17053f rgb(23,5,63)
```
#200657
```
#200657 rgb(32,6,87)
```
#28086e
```
#28086e rgb(40,8,110)
```
#310a86
```
#310a86 rgb(49,10,134)
```
#3a0c9e
```
#3a0c9e rgb(58,12,158)
```
#420eb5
```
#420eb5 rgb(66,14,181)
```
#4b0fcd
```
#4b0fcd rgb(75,15,205)
```

Monochromatic Color

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

#120a86
```
#120a86 rgb(18,10,134)
```
#1c0a86
```
#1c0a86 rgb(28,10,134)
```
#270a86
```
#270a86 rgb(39,10,134)
```
#310a86
```
#310a86 rgb(49,10,134)
```
#3b0a86
```
#3b0a86 rgb(59,10,134)
```
#460a86
```
#460a86 rgb(70,10,134)
```
#500a86
```
#500a86 rgb(80,10,134)
```

Similar Colors

Text with hexadecimal color #310a86

This text has a font color of #310a86.

<span style="color:#310a86;">Text here</span>

#310a86 background color

This paragraph has a background color of #310a86.

<p style="background-color:#310a86;">Content here</p>

#310a86 border color

This element has a border color of #310a86.

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

CSS codes

.text {color:#310a86;}

.background {background-color:#310a86;}

.border {border:1px solid #310a86;}

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 #f6f3fe is the lightest one.

#020006
```
#020006 rgb(2,0,6)
```
#090218
```
#090218 rgb(9,2,24)
```
#10032b
```
#10032b rgb(16,3,43)
```
#16053d
```
#16053d rgb(22,5,61)
```
#1d064f
```
#1d064f rgb(29,6,79)
```
#240761
```
#240761 rgb(36,7,97)
```
#2a0974
```
#2a0974 rgb(42,9,116)
```
#310a86
```
#310a86 rgb(49,10,134)
```
#380b98
```
#380b98 rgb(56,11,152)
```
#3e0dab
```
#3e0dab rgb(62,13,171)
```
#450ebd
```
#450ebd rgb(69,14,189)
```
#4c0fcf
```
#4c0fcf rgb(76,15,207)
```
#5211e1
```
#5211e1 rgb(82,17,225)
```

Shade Color Variation

#5b18ee
```
#5b18ee rgb(91,24,238)
```
#682aef
```
#682aef rgb(104,42,239)
```
#753cf0
```
#753cf0 rgb(117,60,240)
```
#824ff2
```
#824ff2 rgb(130,79,242)
```
#8f61f3
```
#8f61f3 rgb(143,97,243)
```
#9c73f5
```
#9c73f5 rgb(156,115,245)
```
#a985f6
```
#a985f6 rgb(169,133,246)
```
#b698f7
```
#b698f7 rgb(182,152,247)
```
#c3aaf9
```
#c3aaf9 rgb(195,170,249)
```
#d0bcfa
```
#d0bcfa rgb(208,188,250)
```
#ddcefb
```
#ddcefb rgb(221,206,251)
```
#eae1fd
```
#eae1fd rgb(234,225,253)
```
#f6f3fe
```
#f6f3fe rgb(246,243,254)
```

Tint Color Variation

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

#484749
```
#484749 rgb(72,71,73)
```
#46414f
```
#46414f rgb(70,65,79)
```
#433c54
```
#433c54 rgb(67,60,84)
```
#41365a
```
#41365a rgb(65,54,90)
```
#3f315f
```
#3f315f rgb(63,49,95)
```
#3d2b65
```
#3d2b65 rgb(61,43,101)
```
#3b266a
```
#3b266a rgb(59,38,106)
```
#392070
```
#392070 rgb(57,32,112)
```
#371b75
```
#371b75 rgb(55,27,117)
```
#35157b
```
#35157b rgb(53,21,123)
```
#331080
```
#331080 rgb(51,16,128)
```
#310a86
```
#310a86 rgb(49,10,134)
```
#2f048c
```
#2f048c rgb(47,4,140)
```

Tone Color Variation

Below, you can see how #310a86 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

#242424 Achromatopsia 0.005% of the population
#271f38 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#112673 Protanomaly 1% of men, 0.01% of women
#11286a Deuteranomaly 6% of men, 0.4% of women
#112a5a Tritanomaly 0.01% of the population

#310a86 hex color

#310a86 Color Information

#310a86 Color Conversion

Color Schemes with #310a86

Alternatives to #310a86

#310a86 Preview

Shades and Tints of #310a86

Tones of #310a86

Color Blindness Simulator