#5018f5 hex color

In a RGB color space, hex #5018f5 is composed of 31.4% red, 9.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 90.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 255.2 degrees, a saturation of 91.7% and a lightness of 52.7%. #5018f5 color hex could be obtained by blending #a030ff with #0000eb. Closest websafe color is: #6600ff.

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

● #5018f5 color description : Vivid violet.

The hexadecimal color #5018f5 has RGB values of R:80, G:24, B:245 and CMYK values of C:0.67, M:0.9, Y:0, K:0.04. Its decimal value is 5249269.

Hex triplet	5018f5	`#5018f5`
RGB Decimal	80, 24, 245	`rgb(80,24,245)`
RGB Percent	31.4, 9.4, 96.1	`rgb(31.4%,9.4%,96.1%)`
CMYK	67, 90, 0, 4
HSL	255.2°, 91.7, 52.7	`hsl(255.2,91.7%,52.7%)`
HSV (or HSB)	255.2°, 90.2, 96.1
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.889, 74.297, -96.159
XYZ	20.113, 8.95, 87.049
xyY	0.173, 0.077, 8.95
CIE-LCH	35.889, 121.518, 307.691
CIE-LUV	35.889, -1.968, -128.056
Hunter-Lab	29.917, 67.65, -151.571
Binary	01010000, 00011000, 11110101

#5018f5
```
#5018f5 rgb(80,24,245)
```
#bdf518
```
#bdf518 rgb(189,245,24)
```

Complementary Color

#184ff5
```
#184ff5 rgb(24,79,245)
```
#5018f5
```
#5018f5 rgb(80,24,245)
```
#bf18f5
```
#bf18f5 rgb(191,24,245)
```

Analogous Color

#4ff518
```
#4ff518 rgb(79,245,24)
```
#5018f5
```
#5018f5 rgb(80,24,245)
```
#f5bf18
```
#f5bf18 rgb(245,191,24)
```

Split Complementary Color

#18f550
```
#18f550 rgb(24,245,80)
```
#5018f5
```
#5018f5 rgb(80,24,245)
```
#f55018
```
#f55018 rgb(245,80,24)
```

Triadic Color

#18bdf5
```
#18bdf5 rgb(24,189,245)
```
#5018f5
```
#5018f5 rgb(80,24,245)
```
#f55018
```
#f55018 rgb(245,80,24)
```
#bdf518
```
#bdf518 rgb(189,245,24)
```

Tetradic Color

#3508b9
```
#3508b9 rgb(53,8,185)
```
#3c09d1
```
#3c09d1 rgb(60,9,209)
```
#430ae9
```
#430ae9 rgb(67,10,233)
```
#5018f5
```
#5018f5 rgb(80,24,245)
```
#6330f6
```
#6330f6 rgb(99,48,246)
```
#7549f7
```
#7549f7 rgb(117,73,247)
```
#8861f8
```
#8861f8 rgb(136,97,248)
```

Monochromatic Color

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

#1918f5
```
#1918f5 rgb(25,24,245)
```
#2b18f5
```
#2b18f5 rgb(43,24,245)
```
#3e18f5
```
#3e18f5 rgb(62,24,245)
```
#5018f5
```
#5018f5 rgb(80,24,245)
```
#6218f5
```
#6218f5 rgb(98,24,245)
```
#7518f5
```
#7518f5 rgb(117,24,245)
```
#8718f5
```
#8718f5 rgb(135,24,245)
```

Similar Colors

Text with hexadecimal color #5018f5

This text has a font color of #5018f5.

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

#5018f5 background color

This paragraph has a background color of #5018f5.

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

#5018f5 border color

This element has a border color of #5018f5.

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

CSS codes

.text {color:#5018f5;}

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

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

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

#04010d
```
#04010d rgb(4,1,13)
```
#090120
```
#090120 rgb(9,1,32)
```
#0f0233
```
#0f0233 rgb(15,2,51)
```
#140346
```
#140346 rgb(20,3,70)
```
#190459
```
#190459 rgb(25,4,89)
```
#1f056b
```
#1f056b rgb(31,5,107)
```
#24057e
```
#24057e rgb(36,5,126)
```
#290691
```
#290691 rgb(41,6,145)
```
#2f07a4
```
#2f07a4 rgb(47,7,164)
```
#3408b7
```
#3408b7 rgb(52,8,183)
```
#3a09c9
```
#3a09c9 rgb(58,9,201)
```
#3f0adc
```
#3f0adc rgb(63,10,220)
```
#440aef
```
#440aef rgb(68,10,239)
```

Shade Color Variation

#5018f5
```
#5018f5 rgb(80,24,245)
```
#5e2bf6
```
#5e2bf6 rgb(94,43,246)
```
#6c3ef7
```
#6c3ef7 rgb(108,62,247)
```
#7b50f7
```
#7b50f7 rgb(123,80,247)
```
#8963f8
```
#8963f8 rgb(137,99,248)
```
#9776f9
```
#9776f9 rgb(151,118,249)
```
#a589fa
```
#a589fa rgb(165,137,250)
```
#b49cfb
```
#b49cfb rgb(180,156,251)
```
#c2aefc
```
#c2aefc rgb(194,174,252)
```
#d0c1fc
```
#d0c1fc rgb(208,193,252)
```
#ded4fd
```
#ded4fd rgb(222,212,253)
```
#ede7fe
```
#ede7fe rgb(237,231,254)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

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

#827e8f
```
#827e8f rgb(130,126,143)
```
#7e7598
```
#7e7598 rgb(126,117,152)
```
#796ba2
```
#796ba2 rgb(121,107,162)
```
#7562ab
```
#7562ab rgb(117,98,171)
```
#7059b4
```
#7059b4 rgb(112,89,180)
```
#6b50bd
```
#6b50bd rgb(107,80,189)
```
#6746c7
```
#6746c7 rgb(103,70,199)
```
#623dd0
```
#623dd0 rgb(98,61,208)
```
#5e34d9
```
#5e34d9 rgb(94,52,217)
```
#592be2
```
#592be2 rgb(89,43,226)
```
#5521ec
```
#5521ec rgb(85,33,236)
```
#5018f5
```
#5018f5 rgb(80,24,245)
```
#4b0ffe
```
#4b0ffe rgb(75,15,254)
```

Tone Color Variation

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

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

Trichromacy

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

#5018f5 hex color

#5018f5 Color Information

#5018f5 Color Conversion

Color Schemes with #5018f5

Alternatives to #5018f5

#5018f5 Preview

Shades and Tints of #5018f5

Tones of #5018f5

Color Blindness Simulator