#5017f4 hex color

In a RGB color space, hex #5017f4 is composed of 31.4% red, 9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 90.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 255.5 degrees, a saturation of 90.9% and a lightness of 52.4%. #5017f4 color hex could be obtained by blending #a02eff with #0000e9. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 31
- G 9
- B 96
RGB color chart
- C 67
- M 91
- Y 0
- K 4
CMYK color chart

● #5017f4 color description : Vivid violet.

The hexadecimal color #5017f4 has RGB values of R:80, G:23, B:244 and CMYK values of C:0.67, M:0.91, Y:0, K:0.04. Its decimal value is 5249012.

Hex triplet	5017f4	`#5017f4`
RGB Decimal	80, 23, 244	`rgb(80,23,244)`
RGB Percent	31.4, 9, 95.7	`rgb(31.4%,9%,95.7%)`
CMYK	67, 91, 0, 4
HSL	255.5°, 90.9, 52.4	`hsl(255.5,90.9%,52.4%)`
HSV (or HSB)	255.5°, 90.6, 95.7
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.692, 74.291, -95.922
XYZ	19.941, 8.849, 86.24
xyY	0.173, 0.077, 8.849
CIE-LCH	35.692, 121.327, 307.757
CIE-LUV	35.692, -1.836, -127.482
Hunter-Lab	29.747, 67.597, -151.064
Binary	01010000, 00010111, 11110100

#5017f4
```
#5017f4 rgb(80,23,244)
```
#bbf417
```
#bbf417 rgb(187,244,23)
```

Complementary Color

#174df4
```
#174df4 rgb(23,77,244)
```
#5017f4
```
#5017f4 rgb(80,23,244)
```
#bf17f4
```
#bf17f4 rgb(191,23,244)
```

Analogous Color

#4df417
```
#4df417 rgb(77,244,23)
```
#5017f4
```
#5017f4 rgb(80,23,244)
```
#f4bf17
```
#f4bf17 rgb(244,191,23)
```

Split Complementary Color

#17f450
```
#17f450 rgb(23,244,80)
```
#5017f4
```
#5017f4 rgb(80,23,244)
```
#f45017
```
#f45017 rgb(244,80,23)
```

Triadic Color

#17bbf4
```
#17bbf4 rgb(23,187,244)
```
#5017f4
```
#5017f4 rgb(80,23,244)
```
#f45017
```
#f45017 rgb(244,80,23)
```
#bbf417
```
#bbf417 rgb(187,244,23)
```

Tetradic Color

#3509b6
```
#3509b6 rgb(53,9,182)
```
#3c0ace
```
#3c0ace rgb(60,10,206)
```
#440be7
```
#440be7 rgb(68,11,231)
```
#5017f4
```
#5017f4 rgb(80,23,244)
```
#622ff5
```
#622ff5 rgb(98,47,245)
```
#7548f6
```
#7548f6 rgb(117,72,246)
```
#8760f7
```
#8760f7 rgb(135,96,247)
```

Monochromatic Color

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

#1917f4
```
#1917f4 rgb(25,23,244)
```
#2b17f4
```
#2b17f4 rgb(43,23,244)
```
#3e17f4
```
#3e17f4 rgb(62,23,244)
```
#5017f4
```
#5017f4 rgb(80,23,244)
```
#6217f4
```
#6217f4 rgb(98,23,244)
```
#7517f4
```
#7517f4 rgb(117,23,244)
```
#8717f4
```
#8717f4 rgb(135,23,244)
```

Similar Colors

Text with hexadecimal color #5017f4

This text has a font color of #5017f4.

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

#5017f4 background color

This paragraph has a background color of #5017f4.

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

#5017f4 border color

This element has a border color of #5017f4.

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

CSS codes

.text {color:#5017f4;}

.background {background-color:#5017f4;}

.border {border:1px solid #5017f4;}

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, #03010b is the darkest color, while #faf8ff is the lightest one.

#03010b
```
#03010b rgb(3,1,11)
```
#09011e
```
#09011e rgb(9,1,30)
```
#0e0231
```
#0e0231 rgb(14,2,49)
```
#140344
```
#140344 rgb(20,3,68)
```
#190456
```
#190456 rgb(25,4,86)
```
#1f0569
```
#1f0569 rgb(31,5,105)
```
#24067c
```
#24067c rgb(36,6,124)
```
#2a078f
```
#2a078f rgb(42,7,143)
```
#2f08a1
```
#2f08a1 rgb(47,8,161)
```
#3509b4
```
#3509b4 rgb(53,9,180)
```
#3a09c7
```
#3a09c7 rgb(58,9,199)
```
#400ad9
```
#400ad9 rgb(64,10,217)
```
#450bec
```
#450bec rgb(69,11,236)
```

Shade Color Variation

#5017f4
```
#5017f4 rgb(80,23,244)
```
#5e2af5
```
#5e2af5 rgb(94,42,245)
```
#6c3cf6
```
#6c3cf6 rgb(108,60,246)
```
#7a4ff7
```
#7a4ff7 rgb(122,79,247)
```
#8962f8
```
#8962f8 rgb(137,98,248)
```
#9775f8
```
#9775f8 rgb(151,117,248)
```
#a587f9
```
#a587f9 rgb(165,135,249)
```
#b39afa
```
#b39afa rgb(179,154,250)
```
#c1adfb
```
#c1adfb rgb(193,173,251)
```
#cfc0fc
```
#cfc0fc rgb(207,192,252)
```
#ddd2fd
```
#ddd2fd rgb(221,210,253)
```
#ebe5fe
```
#ebe5fe rgb(235,229,254)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #827e8d is the less saturated color, while #4b0efd is the most saturated one.

#827e8d
```
#827e8d rgb(130,126,141)
```
#7d7497
```
#7d7497 rgb(125,116,151)
```
#796ba0
```
#796ba0 rgb(121,107,160)
```
#7462a9
```
#7462a9 rgb(116,98,169)
```
#7058b3
```
#7058b3 rgb(112,88,179)
```
#6b4fbc
```
#6b4fbc rgb(107,79,188)
```
#6746c5
```
#6746c5 rgb(103,70,197)
```
#623ccf
```
#623ccf rgb(98,60,207)
```
#5e33d8
```
#5e33d8 rgb(94,51,216)
```
#592ae1
```
#592ae1 rgb(89,42,225)
```
#5520eb
```
#5520eb rgb(85,32,235)
```
#5017f4
```
#5017f4 rgb(80,23,244)
```
#4b0efd
```
#4b0efd rgb(75,14,253)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#443965 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#1d41c8 Protanomaly 1% of men, 0.01% of women
#1d45b9 Deuteranomaly 6% of men, 0.4% of women
#1d499d Tritanomaly 0.01% of the population

#5017f4 hex color

#5017f4 Color Information

#5017f4 Color Conversion

Color Schemes with #5017f4

Alternatives to #5017f4

#5017f4 Preview

Shades and Tints of #5017f4

Tones of #5017f4

Color Blindness Simulator