#5018f6 hex color

In a RGB color space, hex #5018f6 is composed of 31.4% red, 9.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 90.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 255.1 degrees, a saturation of 92.5% and a lightness of 52.9%. #5018f6 color hex could be obtained by blending #a030ff with #0000ed. 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

● #5018f6 color description : Vivid violet.

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

Hex triplet	5018f6	`#5018f6`
RGB Decimal	80, 24, 246	`rgb(80,24,246)`
RGB Percent	31.4, 9.4, 96.5	`rgb(31.4%,9.4%,96.5%)`
CMYK	67, 90, 0, 4
HSL	255.1°, 92.5, 52.9	`hsl(255.1,92.5%,52.9%)`
HSV (or HSB)	255.1°, 90.2, 96.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.007, 74.542, -96.527
XYZ	20.266, 9.012, 87.855
xyY	0.173, 0.077, 9.012
CIE-LCH	36.007, 121.959, 307.677
CIE-LUV	36.007, -2.045, -128.617
Hunter-Lab	30.019, 67.973, -152.505
Binary	01010000, 00011000, 11110110

#5018f6
```
#5018f6 rgb(80,24,246)
```
#bef618
```
#bef618 rgb(190,246,24)
```

Complementary Color

#184ff6
```
#184ff6 rgb(24,79,246)
```
#5018f6
```
#5018f6 rgb(80,24,246)
```
#bf18f6
```
#bf18f6 rgb(191,24,246)
```

Analogous Color

#4ff618
```
#4ff618 rgb(79,246,24)
```
#5018f6
```
#5018f6 rgb(80,24,246)
```
#f6bf18
```
#f6bf18 rgb(246,191,24)
```

Split Complementary Color

#18f650
```
#18f650 rgb(24,246,80)
```
#5018f6
```
#5018f6 rgb(80,24,246)
```
#f65018
```
#f65018 rgb(246,80,24)
```

Triadic Color

#18bef6
```
#18bef6 rgb(24,190,246)
```
#5018f6
```
#5018f6 rgb(80,24,246)
```
#f65018
```
#f65018 rgb(246,80,24)
```
#bef618
```
#bef618 rgb(190,246,24)
```

Tetradic Color

#3407ba
```
#3407ba rgb(52,7,186)
```
#3b08d3
```
#3b08d3 rgb(59,8,211)
```
#4209eb
```
#4209eb rgb(66,9,235)
```
#5018f6
```
#5018f6 rgb(80,24,246)
```
#6331f7
```
#6331f7 rgb(99,49,247)
```
#7549f8
```
#7549f8 rgb(117,73,248)
```
#8862f9
```
#8862f9 rgb(136,98,249)
```

Monochromatic Color

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

#1818f6
```
#1818f6 rgb(24,24,246)
```
#2b18f6
```
#2b18f6 rgb(43,24,246)
```
#3d18f6
```
#3d18f6 rgb(61,24,246)
```
#5018f6
```
#5018f6 rgb(80,24,246)
```
#6218f6
```
#6218f6 rgb(98,24,246)
```
#7518f6
```
#7518f6 rgb(117,24,246)
```
#8818f6
```
#8818f6 rgb(136,24,246)
```

Similar Colors

Text with hexadecimal color #5018f6

This text has a font color of #5018f6.

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

#5018f6 background color

This paragraph has a background color of #5018f6.

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

#5018f6 border color

This element has a border color of #5018f6.

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

CSS codes

.text {color:#5018f6;}

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

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

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

#04010e
```
#04010e rgb(4,1,14)
```
#090121
```
#090121 rgb(9,1,33)
```
#0f0234
```
#0f0234 rgb(15,2,52)
```
#140347
```
#140347 rgb(20,3,71)
```
#19045a
```
#19045a rgb(25,4,90)
```
#1f046d
```
#1f046d rgb(31,4,109)
```
#240580
```
#240580 rgb(36,5,128)
```
#290693
```
#290693 rgb(41,6,147)
```
#2f06a5
```
#2f06a5 rgb(47,6,165)
```
#3407b8
```
#3407b8 rgb(52,7,184)
```
#3908cb
```
#3908cb rgb(57,8,203)
```
#3f09de
```
#3f09de rgb(63,9,222)
```
#4409f1
```
#4409f1 rgb(68,9,241)
```

Shade Color Variation

#5018f6
```
#5018f6 rgb(80,24,246)
```
#5e2bf7
```
#5e2bf7 rgb(94,43,247)
```
#6d3ef7
```
#6d3ef7 rgb(109,62,247)
```
#7b51f8
```
#7b51f8 rgb(123,81,248)
```
#8964f9
```
#8964f9 rgb(137,100,249)
```
#9876fa
```
#9876fa rgb(152,118,250)
```
#a689fa
```
#a689fa rgb(166,137,250)
```
#b49cfb
```
#b49cfb rgb(180,156,251)
```
#c2affc
```
#c2affc rgb(194,175,252)
```
#d1c2fd
```
#d1c2fd rgb(209,194,253)
```
#dfd5fd
```
#dfd5fd rgb(223,213,253)
```
#ede8fe
```
#ede8fe rgb(237,232,254)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#878787
```
#878787 rgb(135,135,135)
```
#827e90
```
#827e90 rgb(130,126,144)
```
#7e749a
```
#7e749a rgb(126,116,154)
```
#796ba3
```
#796ba3 rgb(121,107,163)
```
#7562ac
```
#7562ac rgb(117,98,172)
```
#7059b5
```
#7059b5 rgb(112,89,181)
```
#6b4fbf
```
#6b4fbf rgb(107,79,191)
```
#6746c8
```
#6746c8 rgb(103,70,200)
```
#623dd1
```
#623dd1 rgb(98,61,209)
```
#5e34da
```
#5e34da rgb(94,52,218)
```
#592ae4
```
#592ae4 rgb(89,42,228)
```
#5521ed
```
#5521ed rgb(85,33,237)
```
#5018f6
```
#5018f6 rgb(80,24,246)
```

Tone Color Variation

Below, you can see how #5018f6 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
#00666c Tritanopia 0.001% of the population

Trichromacy

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

#5018f6 hex color

#5018f6 Color Information

#5018f6 Color Conversion

Color Schemes with #5018f6

Alternatives to #5018f6

#5018f6 Preview

Shades and Tints of #5018f6

Tones of #5018f6

Color Blindness Simulator