#5018f7 hex color

In a RGB color space, hex #5018f7 is composed of 31.4% red, 9.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 90.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 255.1 degrees, a saturation of 93.3% and a lightness of 53.1%. #5018f7 color hex could be obtained by blending #a030ff with #0000ef. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 31
- G 9
- B 97
RGB color chart
- C 68
- M 90
- Y 0
- K 3
CMYK color chart

● #5018f7 color description : Vivid violet.

The hexadecimal color #5018f7 has RGB values of R:80, G:24, B:247 and CMYK values of C:0.68, M:0.9, Y:0, K:0.03. Its decimal value is 5249271.

Hex triplet	5018f7	`#5018f7`
RGB Decimal	80, 24, 247	`rgb(80,24,247)`
RGB Percent	31.4, 9.4, 96.9	`rgb(31.4%,9.4%,96.9%)`
CMYK	68, 90, 0, 3
HSL	255.1°, 93.3, 53.1	`hsl(255.1,93.3%,53.1%)`
HSV (or HSB)	255.1°, 90.3, 96.9
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.125, 74.787, -96.894
XYZ	20.42, 9.073, 88.666
xyY	0.173, 0.077, 9.073
CIE-LCH	36.125, 122.4, 307.663
CIE-LUV	36.125, -2.122, -129.178
Hunter-Lab	30.122, 68.296, -153.439
Binary	01010000, 00011000, 11110111

#5018f7
```
#5018f7 rgb(80,24,247)
```
#bff718
```
#bff718 rgb(191,247,24)
```

Complementary Color

#1850f7
```
#1850f7 rgb(24,80,247)
```
#5018f7
```
#5018f7 rgb(80,24,247)
```
#c018f7
```
#c018f7 rgb(192,24,247)
```

Analogous Color

#50f718
```
#50f718 rgb(80,247,24)
```
#5018f7
```
#5018f7 rgb(80,24,247)
```
#f7c018
```
#f7c018 rgb(247,192,24)
```

Split Complementary Color

#18f750
```
#18f750 rgb(24,247,80)
```
#5018f7
```
#5018f7 rgb(80,24,247)
```
#f75018
```
#f75018 rgb(247,80,24)
```

Triadic Color

#18bff7
```
#18bff7 rgb(24,191,247)
```
#5018f7
```
#5018f7 rgb(80,24,247)
```
#f75018
```
#f75018 rgb(247,80,24)
```
#bff718
```
#bff718 rgb(191,247,24)
```

Tetradic Color

#3407bc
```
#3407bc rgb(52,7,188)
```
#3b07d5
```
#3b07d5 rgb(59,7,213)
```
#4208ed
```
#4208ed rgb(66,8,237)
```
#5018f7
```
#5018f7 rgb(80,24,247)
```
#6331f8
```
#6331f8 rgb(99,49,248)
```
#7549f9
```
#7549f9 rgb(117,73,249)
```
#8862fa
```
#8862fa rgb(136,98,250)
```

Monochromatic Color

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

#1818f7
```
#1818f7 rgb(24,24,247)
```
#2b18f7
```
#2b18f7 rgb(43,24,247)
```
#3d18f7
```
#3d18f7 rgb(61,24,247)
```
#5018f7
```
#5018f7 rgb(80,24,247)
```
#6318f7
```
#6318f7 rgb(99,24,247)
```
#7518f7
```
#7518f7 rgb(117,24,247)
```
#8818f7
```
#8818f7 rgb(136,24,247)
```

Similar Colors

Text with hexadecimal color #5018f7

This text has a font color of #5018f7.

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

#5018f7 background color

This paragraph has a background color of #5018f7.

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

#5018f7 border color

This element has a border color of #5018f7.

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

CSS codes

.text {color:#5018f7;}

.background {background-color:#5018f7;}

.border {border:1px solid #5018f7;}

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, #04010f is the darkest color, while #fcfcff is the lightest one.

#04010f
```
#04010f rgb(4,1,15)
```
#0a0122
```
#0a0122 rgb(10,1,34)
```
#0f0235
```
#0f0235 rgb(15,2,53)
```
#140348
```
#140348 rgb(20,3,72)
```
#19035b
```
#19035b rgb(25,3,91)
```
#1f046e
```
#1f046e rgb(31,4,110)
```
#240481
```
#240481 rgb(36,4,129)
```
#290594
```
#290594 rgb(41,5,148)
```
#2e06a7
```
#2e06a7 rgb(46,6,167)
```
#3406ba
```
#3406ba rgb(52,6,186)
```
#3907cd
```
#3907cd rgb(57,7,205)
```
#3e08e0
```
#3e08e0 rgb(62,8,224)
```
#4308f3
```
#4308f3 rgb(67,8,243)
```

Shade Color Variation

#5018f7
```
#5018f7 rgb(80,24,247)
```
#5e2bf8
```
#5e2bf8 rgb(94,43,248)
```
#6d3ef8
```
#6d3ef8 rgb(109,62,248)
```
#7b51f9
```
#7b51f9 rgb(123,81,249)
```
#8964fa
```
#8964fa rgb(137,100,250)
```
#9877fa
```
#9877fa rgb(152,119,250)
```
#a68afb
```
#a68afb rgb(166,138,251)
```
#b59dfc
```
#b59dfc rgb(181,157,252)
```
#c3b0fc
```
#c3b0fc rgb(195,176,252)
```
#d1c3fd
```
#d1c3fd rgb(209,195,253)
```
#e0d6fe
```
#e0d6fe rgb(224,214,254)
```
#eee9fe
```
#eee9fe rgb(238,233,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#878689
```
#878689 rgb(135,134,137)
```
#827d92
```
#827d92 rgb(130,125,146)
```
#7e749b
```
#7e749b rgb(126,116,155)
```
#796ba4
```
#796ba4 rgb(121,107,164)
```
#7562ad
```
#7562ad rgb(117,98,173)
```
#7058b7
```
#7058b7 rgb(112,88,183)
```
#6b4fc0
```
#6b4fc0 rgb(107,79,192)
```
#6746c9
```
#6746c9 rgb(103,70,201)
```
#623dd2
```
#623dd2 rgb(98,61,210)
```
#5e34db
```
#5e34db rgb(94,52,219)
```
#592ae5
```
#592ae5 rgb(89,42,229)
```
#5521ee
```
#5521ee rgb(85,33,238)
```
#5018f7
```
#5018f7 rgb(80,24,247)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#453a66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb0 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#1d42ca Protanomaly 1% of men, 0.01% of women
#1d46bb Deuteranomaly 6% of men, 0.4% of women
#1d4a9e Tritanomaly 0.01% of the population

#5018f7 hex color

#5018f7 Color Information

#5018f7 Color Conversion

Color Schemes with #5018f7

Alternatives to #5018f7

#5018f7 Preview

Shades and Tints of #5018f7

Tones of #5018f7

Color Blindness Simulator