#310158 hex color

In a RGB color space, hex #310158 is composed of 19.2% red, 0.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 98.9% magenta, 0% yellow and 65.5% black. It has a hue angle of 273.1 degrees, a saturation of 97.8% and a lightness of 17.5%. #310158 color hex could be obtained by blending #6202b0 with #000000. Closest websafe color is: #330066.

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

● #310158 color description : Very dark violet.

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

Hex triplet	310158	`#310158`
RGB Decimal	49, 1, 88	`rgb(49,1,88)`
RGB Percent	19.2, 0.4, 34.5	`rgb(19.2%,0.4%,34.5%)`
CMYK	44, 99, 0, 65
HSL	273.1°, 97.8, 17.5	`hsl(273.1,97.8%,17.5%)`
HSV (or HSB)	273.1°, 98.9, 34.5
Web Safe	330066	`#330066`

CIE-LAB	11.819, 38.781, -40.235
XYZ	3.039, 1.379, 9.338
xyY	0.221, 0.1, 1.379
CIE-LCH	11.819, 55.882, 313.946
CIE-LUV	11.819, 5.695, -35.097
Hunter-Lab	11.744, 25.631, -38.922
Binary	00110001, 00000001, 01011000

#310158
```
#310158 rgb(49,1,88)
```
#285801
```
#285801 rgb(40,88,1)
```

Complementary Color

#050158
```
#050158 rgb(5,1,88)
```
#310158
```
#310158 rgb(49,1,88)
```
#580154
```
#580154 rgb(88,1,84)
```

Analogous Color

#015805
```
#015805 rgb(1,88,5)
```
#310158
```
#310158 rgb(49,1,88)
```
#545801
```
#545801 rgb(84,88,1)
```

Split Complementary Color

#015831
```
#015831 rgb(1,88,49)
```
#310158
```
#310158 rgb(49,1,88)
```
#583101
```
#583101 rgb(88,49,1)
```

Triadic Color

#012858
```
#012858 rgb(1,40,88)
```
#310158
```
#310158 rgb(49,1,88)
```
#583101
```
#583101 rgb(88,49,1)
```
#285801
```
#285801 rgb(40,88,1)
```

Tetradic Color

#07000c
```
#07000c rgb(7,0,12)
```
#150026
```
#150026 rgb(21,0,38)
```
#23013f
```
#23013f rgb(35,1,63)
```
#310158
```
#310158 rgb(49,1,88)
```
#3f0171
```
#3f0171 rgb(63,1,113)
```
#4d028a
```
#4d028a rgb(77,2,138)
```
#5b02a4
```
#5b02a4 rgb(91,2,164)
```

Monochromatic Color

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

#1b0158
```
#1b0158 rgb(27,1,88)
```
#230158
```
#230158 rgb(35,1,88)
```
#2a0158
```
#2a0158 rgb(42,1,88)
```
#310158
```
#310158 rgb(49,1,88)
```
#380158
```
#380158 rgb(56,1,88)
```
#3f0158
```
#3f0158 rgb(63,1,88)
```
#470158
```
#470158 rgb(71,1,88)
```

Similar Colors

Text with hexadecimal color #310158

This text has a font color of #310158.

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

#310158 background color

This paragraph has a background color of #310158.

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

#310158 border color

This element has a border color of #310158.

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

CSS codes

.text {color:#310158;}

.background {background-color:#310158;}

.border {border:1px solid #310158;}

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, #06000a is the darkest color, while #fbf6ff is the lightest one.

#06000a
```
#06000a rgb(6,0,10)
```
#11001e
```
#11001e rgb(17,0,30)
```
#1b0131
```
#1b0131 rgb(27,1,49)
```
#260145
```
#260145 rgb(38,1,69)
```
#310158
```
#310158 rgb(49,1,88)
```
#3c016b
```
#3c016b rgb(60,1,107)
```
#47017f
```
#47017f rgb(71,1,127)
```
#510292
```
#510292 rgb(81,2,146)
```
#5c02a6
```
#5c02a6 rgb(92,2,166)
```
#6702b9
```
#6702b9 rgb(103,2,185)
```
#7202cc
```
#7202cc rgb(114,2,204)
```
#7d03e0
```
#7d03e0 rgb(125,3,224)
```
#8703f3
```
#8703f3 rgb(135,3,243)
```

Shade Color Variation

#910dfc
```
#910dfc rgb(145,13,252)
```
#9a21fc
```
#9a21fc rgb(154,33,252)
```
#a334fd
```
#a334fd rgb(163,52,253)
```
#ac47fd
```
#ac47fd rgb(172,71,253)
```
#b45bfd
```
#b45bfd rgb(180,91,253)
```
#bd6efd
```
#bd6efd rgb(189,110,253)
```
#c682fe
```
#c682fe rgb(198,130,254)
```
#cf95fe
```
#cf95fe rgb(207,149,254)
```
#d8a8fe
```
#d8a8fe rgb(216,168,254)
```
#e0bcfe
```
#e0bcfe rgb(224,188,254)
```
#e9cffe
```
#e9cffe rgb(233,207,254)
```
#f2e3ff
```
#f2e3ff rgb(242,227,255)
```
#fbf6ff
```
#fbf6ff rgb(251,246,255)
```

Tint Color Variation

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

#2d2a2f
```
#2d2a2f rgb(45,42,47)
```
#2d2732
```
#2d2732 rgb(45,39,50)
```
#2d2336
```
#2d2336 rgb(45,35,54)
```
#2e2039
```
#2e2039 rgb(46,32,57)
```
#2e1c3d
```
#2e1c3d rgb(46,28,61)
```
#2f1940
```
#2f1940 rgb(47,25,64)
```
#2f1643
```
#2f1643 rgb(47,22,67)
```
#2f1247
```
#2f1247 rgb(47,18,71)
```
#300f4a
```
#300f4a rgb(48,15,74)
```
#300b4e
```
#300b4e rgb(48,11,78)
```
#300851
```
#300851 rgb(48,8,81)
```
#310455
```
#310455 rgb(49,4,85)
```
#310158
```
#310158 rgb(49,1,88)
```

Tone Color Variation

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

#191919 Achromatopsia 0.005% of the population
#1e1426 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002950 Protanopia 1% of men
#002b46 Deuteranopia 1% of men
#2d292c Tritanopia 0.001% of the population

Trichromacy

#111a53 Protanomaly 1% of men, 0.01% of women
#111c4c Deuteranomaly 6% of men, 0.4% of women
#2e1a3c Tritanomaly 0.01% of the population

#310158 hex color

#310158 Color Information

#310158 Color Conversion

Color Schemes with #310158

Alternatives to #310158

#310158 Preview

Shades and Tints of #310158

Tones of #310158

Color Blindness Simulator