#31107c hex color

In a RGB color space, hex #31107c is composed of 19.2% red, 6.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 87.1% magenta, 0% yellow and 51.4% black. It has a hue angle of 258.3 degrees, a saturation of 77.1% and a lightness of 27.5%. #31107c color hex could be obtained by blending #6220f8 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 6
- B 49
RGB color chart
- C 60
- M 87
- Y 0
- K 51
CMYK color chart

● #31107c color description : Dark violet.

The hexadecimal color #31107c has RGB values of R:49, G:16, B:124 and CMYK values of C:0.6, M:0.87, Y:0, K:0.51. Its decimal value is 3215484.

Hex triplet	31107c	`#31107c`
RGB Decimal	49, 16, 124	`rgb(49,16,124)`
RGB Percent	19.2, 6.3, 48.6	`rgb(19.2%,6.3%,48.6%)`
CMYK	60, 87, 0, 51
HSL	258.3°, 77.1, 27.5	`hsl(258.3,77.1%,27.5%)`
HSV (or HSB)	258.3°, 87.1, 48.6
Web Safe	330066	`#330066`

CIE-LAB	17.822, 42.673, -53.991
XYZ	5.089, 2.479, 19.278
xyY	0.19, 0.092, 2.479
CIE-LCH	17.822, 68.819, 308.322
CIE-LUV	17.822, 1.28, -56.875
Hunter-Lab	15.744, 30.151, -61.579
Binary	00110001, 00010000, 01111100

#31107c
```
#31107c rgb(49,16,124)
```
#5b7c10
```
#5b7c10 rgb(91,124,16)
```

Complementary Color

#10257c
```
#10257c rgb(16,37,124)
```
#31107c
```
#31107c rgb(49,16,124)
```
#67107c
```
#67107c rgb(103,16,124)
```

Analogous Color

#257c10
```
#257c10 rgb(37,124,16)
```
#31107c
```
#31107c rgb(49,16,124)
```
#7c6710
```
#7c6710 rgb(124,103,16)
```

Split Complementary Color

#107c31
```
#107c31 rgb(16,124,49)
```
#31107c
```
#31107c rgb(49,16,124)
```
#7c3110
```
#7c3110 rgb(124,49,16)
```

Triadic Color

#105b7c
```
#105b7c rgb(16,91,124)
```
#31107c
```
#31107c rgb(49,16,124)
```
#7c3110
```
#7c3110 rgb(124,49,16)
```
#5b7c10
```
#5b7c10 rgb(91,124,16)
```

Tetradic Color

#160738
```
#160738 rgb(22,7,56)
```
#1f0a4f
```
#1f0a4f rgb(31,10,79)
```
#280d65
```
#280d65 rgb(40,13,101)
```
#31107c
```
#31107c rgb(49,16,124)
```
#3a1393
```
#3a1393 rgb(58,19,147)
```
#4316a9
```
#4316a9 rgb(67,22,169)
```
#4c19c0
```
#4c19c0 rgb(76,25,192)
```

Monochromatic Color

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

#16107c
```
#16107c rgb(22,16,124)
```
#1f107c
```
#1f107c rgb(31,16,124)
```
#28107c
```
#28107c rgb(40,16,124)
```
#31107c
```
#31107c rgb(49,16,124)
```
#3a107c
```
#3a107c rgb(58,16,124)
```
#43107c
```
#43107c rgb(67,16,124)
```
#4c107c
```
#4c107c rgb(76,16,124)
```

Similar Colors

Text with hexadecimal color #31107c

This text has a font color of #31107c.

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

#31107c background color

This paragraph has a background color of #31107c.

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

#31107c border color

This element has a border color of #31107c.

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

CSS codes

.text {color:#31107c;}

.background {background-color:#31107c;}

.border {border:1px solid #31107c;}

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

#010002
```
#010002 rgb(1,0,2)
```
#080314
```
#080314 rgb(8,3,20)
```
#0f0525
```
#0f0525 rgb(15,5,37)
```
#160737
```
#160737 rgb(22,7,55)
```
#1c0948
```
#1c0948 rgb(28,9,72)
```
#230c59
```
#230c59 rgb(35,12,89)
```
#2a0e6b
```
#2a0e6b rgb(42,14,107)
```
#31107c
```
#31107c rgb(49,16,124)
```
#38128d
```
#38128d rgb(56,18,141)
```
#3f149f
```
#3f149f rgb(63,20,159)
```
#4617b0
```
#4617b0 rgb(70,23,176)
```
#4c19c1
```
#4c19c1 rgb(76,25,193)
```
#531bd3
```
#531bd3 rgb(83,27,211)
```

Shade Color Variation

#5b20e2
```
#5b20e2 rgb(91,32,226)
```
#6831e4
```
#6831e4 rgb(104,49,228)
```
#7542e7
```
#7542e7 rgb(117,66,231)
```
#8154e9
```
#8154e9 rgb(129,84,233)
```
#8e65eb
```
#8e65eb rgb(142,101,235)
```
#9b76ed
```
#9b76ed rgb(155,118,237)
```
#a888f0
```
#a888f0 rgb(168,136,240)
```
#b499f2
```
#b499f2 rgb(180,153,242)
```
#c1abf4
```
#c1abf4 rgb(193,171,244)
```
#cebcf6
```
#cebcf6 rgb(206,188,246)
```
#dbcdf9
```
#dbcdf9 rgb(219,205,249)
```
#e7dffb
```
#e7dffb rgb(231,223,251)
```
#f4f0fd
```
#f4f0fd rgb(244,240,253)
```

Tint Color Variation

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

#464646
```
#464646 rgb(70,70,70)
```
#44404c
```
#44404c rgb(68,64,76)
```
#423b51
```
#423b51 rgb(66,59,81)
```
#403656
```
#403656 rgb(64,54,86)
```
#3e305c
```
#3e305c rgb(62,48,92)
```
#3b2b61
```
#3b2b61 rgb(59,43,97)
```
#392666
```
#392666 rgb(57,38,102)
```
#37206c
```
#37206c rgb(55,32,108)
```
#351b71
```
#351b71 rgb(53,27,113)
```
#331577
```
#331577 rgb(51,21,119)
```
#31107c
```
#31107c rgb(49,16,124)
```
#2f0b81
```
#2f0b81 rgb(47,11,129)
```
#2d0587
```
#2d0587 rgb(45,5,135)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#282237 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003567 Protanopia 1% of men
#003859 Deuteranopia 1% of men
#113b3f Tritanopia 0.001% of the population

Trichromacy

#11276e Protanomaly 1% of men, 0.01% of women
#112966 Deuteranomaly 6% of men, 0.4% of women
#1d2b55 Tritanomaly 0.01% of the population

#31107c hex color

#31107c Color Information

#31107c Color Conversion

Color Schemes with #31107c

Alternatives to #31107c

#31107c Preview

Shades and Tints of #31107c

Tones of #31107c

Color Blindness Simulator