#7018e2 hex color

In a RGB color space, hex #7018e2 is composed of 43.9% red, 9.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 89.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 266.1 degrees, a saturation of 80.8% and a lightness of 49%. #7018e2 color hex could be obtained by blending #e030ff with #0000c5. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 44
- G 9
- B 89
RGB color chart
- C 50
- M 89
- Y 0
- K 11
CMYK color chart

● #7018e2 color description : Vivid violet.

The hexadecimal color #7018e2 has RGB values of R:112, G:24, B:226 and CMYK values of C:0.5, M:0.89, Y:0, K:0.11. Its decimal value is 7346402.

Hex triplet	7018e2	`#7018e2`
RGB Decimal	112, 24, 226	`rgb(112,24,226)`
RGB Percent	43.9, 9.4, 88.6	`rgb(43.9%,9.4%,88.6%)`
CMYK	50, 89, 0, 11
HSL	266.1°, 80.8, 49	`hsl(266.1,80.8%,49%)`
HSV (or HSB)	266.1°, 89.4, 88.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	37.094, 72.135, -83.269
XYZ	20.734, 9.589, 72.706
xyY	0.201, 0.093, 9.589
CIE-LCH	37.094, 110.169, 310.902
CIE-LUV	37.094, 9.105, -117.096
Hunter-Lab	30.966, 65.329, -117.533
Binary	01110000, 00011000, 11100010

#7018e2
```
#7018e2 rgb(112,24,226)
```
#8ae218
```
#8ae218 rgb(138,226,24)
```

Complementary Color

#1825e2
```
#1825e2 rgb(24,37,226)
```
#7018e2
```
#7018e2 rgb(112,24,226)
```
#d518e2
```
#d518e2 rgb(213,24,226)
```

Analogous Color

#25e218
```
#25e218 rgb(37,226,24)
```
#7018e2
```
#7018e2 rgb(112,24,226)
```
#e2d518
```
#e2d518 rgb(226,213,24)
```

Split Complementary Color

#18e270
```
#18e270 rgb(24,226,112)
```
#7018e2
```
#7018e2 rgb(112,24,226)
```
#e27018
```
#e27018 rgb(226,112,24)
```

Triadic Color

#188ae2
```
#188ae2 rgb(24,138,226)
```
#7018e2
```
#7018e2 rgb(112,24,226)
```
#e27018
```
#e27018 rgb(226,112,24)
```
#8ae218
```
#8ae218 rgb(138,226,24)
```

Tetradic Color

#4e119d
```
#4e119d rgb(78,17,157)
```
#5913b4
```
#5913b4 rgb(89,19,180)
```
#6516cb
```
#6516cb rgb(101,22,203)
```
#7018e2
```
#7018e2 rgb(112,24,226)
```
#7e2be8
```
#7e2be8 rgb(126,43,232)
```
#8c42eb
```
#8c42eb rgb(140,66,235)
```
#9a59ed
```
#9a59ed rgb(154,89,237)
```

Monochromatic Color

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

#3e18e2
```
#3e18e2 rgb(62,24,226)
```
#4e18e2
```
#4e18e2 rgb(78,24,226)
```
#5f18e2
```
#5f18e2 rgb(95,24,226)
```
#7018e2
```
#7018e2 rgb(112,24,226)
```
#8118e2
```
#8118e2 rgb(129,24,226)
```
#9218e2
```
#9218e2 rgb(146,24,226)
```
#a318e2
```
#a318e2 rgb(163,24,226)
```

Similar Colors

Text with hexadecimal color #7018e2

This text has a font color of #7018e2.

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

#7018e2 background color

This paragraph has a background color of #7018e2.

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

#7018e2 border color

This element has a border color of #7018e2.

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

CSS codes

.text {color:#7018e2;}

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

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

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

#07010d
```
#07010d rgb(7,1,13)
```
#0f031f
```
#0f031f rgb(15,3,31)
```
#180531
```
#180531 rgb(24,5,49)
```
#210742
```
#210742 rgb(33,7,66)
```
#2a0954
```
#2a0954 rgb(42,9,84)
```
#320b66
```
#320b66 rgb(50,11,102)
```
#3b0d78
```
#3b0d78 rgb(59,13,120)
```
#440f89
```
#440f89 rgb(68,15,137)
```
#4d109b
```
#4d109b rgb(77,16,155)
```
#5612ad
```
#5612ad rgb(86,18,173)
```
#5e14bf
```
#5e14bf rgb(94,20,191)
```
#6716d0
```
#6716d0 rgb(103,22,208)
```
#7018e2
```
#7018e2 rgb(112,24,226)
```

Shade Color Variation

#7a26e8
```
#7a26e8 rgb(122,38,232)
```
#8537ea
```
#8537ea rgb(133,55,234)
```
#9049ec
```
#9049ec rgb(144,73,236)
```
#9b5bee
```
#9b5bee rgb(155,91,238)
```
#a66def
```
#a66def rgb(166,109,239)
```
#b07ef1
```
#b07ef1 rgb(176,126,241)
```
#bb90f3
```
#bb90f3 rgb(187,144,243)
```
#c6a2f5
```
#c6a2f5 rgb(198,162,245)
```
#d1b4f7
```
#d1b4f7 rgb(209,180,247)
```
#dcc5f9
```
#dcc5f9 rgb(220,197,249)
```
#e7d7fb
```
#e7d7fb rgb(231,215,251)
```
#f1e9fd
```
#f1e9fd rgb(241,233,253)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7882 is the less saturated color, while #6e05f5 is the most saturated one.

#7c7882
```
#7c7882 rgb(124,120,130)
```
#7b6f8b
```
#7b6f8b rgb(123,111,139)
```
#7a6595
```
#7a6595 rgb(122,101,149)
```
#795b9f
```
#795b9f rgb(121,91,159)
```
#7752a8
```
#7752a8 rgb(119,82,168)
```
#7648b2
```
#7648b2 rgb(118,72,178)
```
#753ebc
```
#753ebc rgb(117,62,188)
```
#7435c5
```
#7435c5 rgb(116,53,197)
```
#722bcf
```
#722bcf rgb(114,43,207)
```
#7122d8
```
#7122d8 rgb(113,34,216)
```
#7018e2
```
#7018e2 rgb(112,24,226)
```
#6f0eec
```
#6f0eec rgb(111,14,236)
```
#6e05f5
```
#6e05f5 rgb(110,5,245)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#513f68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#49646b Tritanopia 0.001% of the population

Trichromacy

#2844c5 Protanomaly 1% of men, 0.01% of women
#2847b6 Deuteranomaly 6% of men, 0.4% of women
#574896 Tritanomaly 0.01% of the population

#7018e2 hex color

#7018e2 Color Information

#7018e2 Color Conversion

Color Schemes with #7018e2

Alternatives to #7018e2

#7018e2 Preview

Shades and Tints of #7018e2

Tones of #7018e2

Color Blindness Simulator