#5107f5 hex color

In a RGB color space, hex #5107f5 is composed of 31.8% red, 2.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 97.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 258.7 degrees, a saturation of 94.4% and a lightness of 49.4%. #5107f5 color hex could be obtained by blending #a20eff with #0000eb. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 32
- G 3
- B 96
RGB color chart
- C 67
- M 97
- Y 0
- K 4
CMYK color chart

● #5107f5 color description : Vivid violet.

The hexadecimal color #5107f5 has RGB values of R:81, G:7, B:245 and CMYK values of C:0.67, M:0.97, Y:0, K:0.04. Its decimal value is 5310453.

Hex triplet	5107f5	`#5107f5`
RGB Decimal	81, 7, 245	`rgb(81,7,245)`
RGB Percent	31.8, 2.7, 96.1	`rgb(31.8%,2.7%,96.1%)`
CMYK	67, 97, 0, 4
HSL	258.7°, 94.4, 49.4	`hsl(258.7,94.4%,49.4%)`
HSV (or HSB)	258.7°, 97.1, 96.1
Web Safe	6600ff	`#6600ff`

CIE-LAB	34.989, 77.354, -97.654
XYZ	19.948, 8.493, 86.969
xyY	0.173, 0.074, 8.493
CIE-LCH	34.989, 124.579, 308.384
CIE-LUV	34.989, -1.089, -127.864
Hunter-Lab	29.143, 71.18, -156.536
Binary	01010001, 00000111, 11110101

#5107f5
```
#5107f5 rgb(81,7,245)
```
#abf507
```
#abf507 rgb(171,245,7)
```

Complementary Color

#0734f5
```
#0734f5 rgb(7,52,245)
```
#5107f5
```
#5107f5 rgb(81,7,245)
```
#c807f5
```
#c807f5 rgb(200,7,245)
```

Analogous Color

#34f507
```
#34f507 rgb(52,245,7)
```
#5107f5
```
#5107f5 rgb(81,7,245)
```
#f5c807
```
#f5c807 rgb(245,200,7)
```

Split Complementary Color

#07f551
```
#07f551 rgb(7,245,81)
```
#5107f5
```
#5107f5 rgb(81,7,245)
```
#f55107
```
#f55107 rgb(245,81,7)
```

Triadic Color

#07abf5
```
#07abf5 rgb(7,171,245)
```
#5107f5
```
#5107f5 rgb(81,7,245)
```
#f55107
```
#f55107 rgb(245,81,7)
```
#abf507
```
#abf507 rgb(171,245,7)
```

Tetradic Color

#3805ab
```
#3805ab rgb(56,5,171)
```
#4106c3
```
#4106c3 rgb(65,6,195)
```
#4906dc
```
#4906dc rgb(73,6,220)
```
#5107f5
```
#5107f5 rgb(81,7,245)
```
#611df9
```
#611df9 rgb(97,29,249)
```
#7336f9
```
#7336f9 rgb(115,54,249)
```
#844ffa
```
#844ffa rgb(132,79,250)
```

Monochromatic Color

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

#1607f5
```
#1607f5 rgb(22,7,245)
```
#2907f5
```
#2907f5 rgb(41,7,245)
```
#3d07f5
```
#3d07f5 rgb(61,7,245)
```
#5107f5
```
#5107f5 rgb(81,7,245)
```
#6507f5
```
#6507f5 rgb(101,7,245)
```
#7907f5
```
#7907f5 rgb(121,7,245)
```
#8d07f5
```
#8d07f5 rgb(141,7,245)
```

Similar Colors

Text with hexadecimal color #5107f5

This text has a font color of #5107f5.

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

#5107f5 background color

This paragraph has a background color of #5107f5.

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

#5107f5 border color

This element has a border color of #5107f5.

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

CSS codes

.text {color:#5107f5;}

.background {background-color:#5107f5;}

.border {border:1px solid #5107f5;}

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

#050010
```
#050010 rgb(5,0,16)
```
#0c0123
```
#0c0123 rgb(12,1,35)
```
#120236
```
#120236 rgb(18,2,54)
```
#180249
```
#180249 rgb(24,2,73)
```
#1f035c
```
#1f035c rgb(31,3,92)
```
#250370
```
#250370 rgb(37,3,112)
```
#2b0483
```
#2b0483 rgb(43,4,131)
```
#310496
```
#310496 rgb(49,4,150)
```
#3805a9
```
#3805a9 rgb(56,5,169)
```
#3e05bc
```
#3e05bc rgb(62,5,188)
```
#4406cf
```
#4406cf rgb(68,6,207)
```
#4b06e2
```
#4b06e2 rgb(75,6,226)
```
#5107f5
```
#5107f5 rgb(81,7,245)
```

Shade Color Variation

#5d17f8
```
#5d17f8 rgb(93,23,248)
```
#6b2af9
```
#6b2af9 rgb(107,42,249)
```
#783df9
```
#783df9 rgb(120,61,249)
```
#8550fa
```
#8550fa rgb(133,80,250)
```
#9264fb
```
#9264fb rgb(146,100,251)
```
#a077fb
```
#a077fb rgb(160,119,251)
```
#ad8afc
```
#ad8afc rgb(173,138,252)
```
#ba9dfc
```
#ba9dfc rgb(186,157,252)
```
#c8b0fd
```
#c8b0fd rgb(200,176,253)
```
#d5c3fd
```
#d5c3fd rgb(213,195,253)
```
#e2d6fe
```
#e2d6fe rgb(226,214,254)
```
#f0e9fe
```
#f0e9fe rgb(240,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7b81 is the less saturated color, while #5107f5 is the most saturated one.

#7d7b81
```
#7d7b81 rgb(125,123,129)
```
#79728a
```
#79728a rgb(121,114,138)
```
#766894
```
#766894 rgb(118,104,148)
```
#725e9e
```
#725e9e rgb(114,94,158)
```
#6e55a7
```
#6e55a7 rgb(110,85,167)
```
#6b4bb1
```
#6b4bb1 rgb(107,75,177)
```
#6741bb
```
#6741bb rgb(103,65,187)
```
#6337c5
```
#6337c5 rgb(99,55,197)
```
#602ece
```
#602ece rgb(96,46,206)
```
#5c24d8
```
#5c24d8 rgb(92,36,216)
```
#581ae2
```
#581ae2 rgb(88,26,226)
```
#5511eb
```
#5511eb rgb(85,17,235)
```
#5107f5
```
#5107f5 rgb(81,7,245)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#3d2e5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#1d3bc6 Protanomaly 1% of men, 0.01% of women
#1d3eb7 Deuteranomaly 6% of men, 0.4% of women
#1d429c Tritanomaly 0.01% of the population

#5107f5 hex color

#5107f5 Color Information

#5107f5 Color Conversion

Color Schemes with #5107f5

Alternatives to #5107f5

#5107f5 Preview

Shades and Tints of #5107f5

Tones of #5107f5

Color Blindness Simulator