#7018fd hex color

In a RGB color space, hex #7018fd is composed of 43.9% red, 9.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 90.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 263.1 degrees, a saturation of 98.3% and a lightness of 54.3%. #7018fd color hex could be obtained by blending #e030ff with #0000fb. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 44
- G 9
- B 99
RGB color chart
- C 56
- M 91
- Y 0
- K 1
CMYK color chart

● #7018fd color description : Vivid violet.

The hexadecimal color #7018fd has RGB values of R:112, G:24, B:253 and CMYK values of C:0.56, M:0.91, Y:0, K:0.01. Its decimal value is 7346429.

Hex triplet	7018fd	`#7018fd`
RGB Decimal	112, 24, 253	`rgb(112,24,253)`
RGB Percent	43.9, 9.4, 99.2	`rgb(43.9%,9.4%,99.2%)`
CMYK	56, 91, 0, 1
HSL	263.1°, 98.3, 54.3	`hsl(263.1,98.3%,54.3%)`
HSV (or HSB)	263.1°, 90.5, 99.2
Web Safe	6600ff	`#6600ff`

CIE-LAB	39.898, 78.286, -93.914
XYZ	24.735, 11.189, 93.78
xyY	0.191, 0.086, 11.189
CIE-LCH	39.898, 122.264, 309.815
CIE-LUV	39.898, 5.671, -132.697
Hunter-Lab	33.45, 73.455, -142.806
Binary	01110000, 00011000, 11111101

#7018fd
```
#7018fd rgb(112,24,253)
```
#a5fd18
```
#a5fd18 rgb(165,253,24)
```

Complementary Color

#1833fd
```
#1833fd rgb(24,51,253)
```
#7018fd
```
#7018fd rgb(112,24,253)
```
#e318fd
```
#e318fd rgb(227,24,253)
```

Analogous Color

#33fd18
```
#33fd18 rgb(51,253,24)
```
#7018fd
```
#7018fd rgb(112,24,253)
```
#fde318
```
#fde318 rgb(253,227,24)
```

Split Complementary Color

#18fd70
```
#18fd70 rgb(24,253,112)
```
#7018fd
```
#7018fd rgb(112,24,253)
```
#fd7018
```
#fd7018 rgb(253,112,24)
```

Triadic Color

#18a5fd
```
#18a5fd rgb(24,165,253)
```
#7018fd
```
#7018fd rgb(112,24,253)
```
#fd7018
```
#fd7018 rgb(253,112,24)
```
#a5fd18
```
#a5fd18 rgb(165,253,24)
```

Tetradic Color

#4d02c7
```
#4d02c7 rgb(77,2,199)
```
#5702e0
```
#5702e0 rgb(87,2,224)
```
#6102f9
```
#6102f9 rgb(97,2,249)
```
#7018fd
```
#7018fd rgb(112,24,253)
```
#8031fd
```
#8031fd rgb(128,49,253)
```
#8f4bfd
```
#8f4bfd rgb(143,75,253)
```
#9f64fe
```
#9f64fe rgb(159,100,254)
```

Monochromatic Color

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

#3718fd
```
#3718fd rgb(55,24,253)
```
#4a18fd
```
#4a18fd rgb(74,24,253)
```
#5d18fd
```
#5d18fd rgb(93,24,253)
```
#7018fd
```
#7018fd rgb(112,24,253)
```
#8318fd
```
#8318fd rgb(131,24,253)
```
#9618fd
```
#9618fd rgb(150,24,253)
```
#a918fd
```
#a918fd rgb(169,24,253)
```

Similar Colors

Text with hexadecimal color #7018fd

This text has a font color of #7018fd.

<span style="color:#7018fd;">Text here</span>

#7018fd background color

This paragraph has a background color of #7018fd.

<p style="background-color:#7018fd;">Content here</p>

#7018fd border color

This element has a border color of #7018fd.

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

CSS codes

.text {color:#7018fd;}

.background {background-color:#7018fd;}

.border {border:1px solid #7018fd;}

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

#010002
```
#010002 rgb(1,0,2)
```
#080016
```
#080016 rgb(8,0,22)
```
#100029
```
#100029 rgb(16,0,41)
```
#18013d
```
#18013d rgb(24,1,61)
```
#1f0150
```
#1f0150 rgb(31,1,80)
```
#270164
```
#270164 rgb(39,1,100)
```
#2e0177
```
#2e0177 rgb(46,1,119)
```
#36018a
```
#36018a rgb(54,1,138)
```
#3e019e
```
#3e019e rgb(62,1,158)
```
#4502b1
```
#4502b1 rgb(69,2,177)
```
#4d02c5
```
#4d02c5 rgb(77,2,197)
```
#5402d8
```
#5402d8 rgb(84,2,216)
```
#5c02ec
```
#5c02ec rgb(92,2,236)
```

Shade Color Variation

#6405fd
```
#6405fd rgb(100,5,253)
```
#7018fd
```
#7018fd rgb(112,24,253)
```
#7c2bfd
```
#7c2bfd rgb(124,43,253)
```
#883ffd
```
#883ffd rgb(136,63,253)
```
#9452fe
```
#9452fe rgb(148,82,254)
```
#a066fe
```
#a066fe rgb(160,102,254)
```
#ac79fe
```
#ac79fe rgb(172,121,254)
```
#b88dfe
```
#b88dfe rgb(184,141,254)
```
#c4a0fe
```
#c4a0fe rgb(196,160,254)
```
#d0b4fe
```
#d0b4fe rgb(208,180,254)
```
#dcc7ff
```
#dcc7ff rgb(220,199,255)
```
#e8daff
```
#e8daff rgb(232,218,255)
```
#f4eeff
```
#f4eeff rgb(244,238,255)
```

Tint Color Variation

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

#898491
```
#898491 rgb(137,132,145)
```
#877b9a
```
#877b9a rgb(135,123,154)
```
#8572a3
```
#8572a3 rgb(133,114,163)
```
#8369ac
```
#8369ac rgb(131,105,172)
```
#8160b5
```
#8160b5 rgb(129,96,181)
```
#7f57be
```
#7f57be rgb(127,87,190)
```
#7c4ec7
```
#7c4ec7 rgb(124,78,199)
```
#7a45d0
```
#7a45d0 rgb(122,69,208)
```
#783cd9
```
#783cd9 rgb(120,60,217)
```
#7633e2
```
#7633e2 rgb(118,51,226)
```
#742aeb
```
#742aeb rgb(116,42,235)
```
#7221f4
```
#7221f4 rgb(114,33,244)
```
#7018fd
```
#7018fd rgb(112,24,253)
```

Tone Color Variation

Below, you can see how #7018fd 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

#4c4c4c Achromatopsia 0.005% of the population
#53426f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a7 Deuteranopia 1% of men
#2f6e76 Tritanopia 0.001% of the population

Trichromacy

#2848d6 Protanomaly 1% of men, 0.01% of women
#284bc6 Deuteranomaly 6% of men, 0.4% of women
#464fa7 Tritanomaly 0.01% of the population

#7018fd hex color

#7018fd Color Information

#7018fd Color Conversion

Color Schemes with #7018fd

Alternatives to #7018fd

#7018fd Preview

Shades and Tints of #7018fd

Tones of #7018fd

Color Blindness Simulator