#7218ec hex color

In a RGB color space, hex #7218ec is composed of 44.7% red, 9.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 89.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 265.5 degrees, a saturation of 84.8% and a lightness of 51%. #7218ec color hex could be obtained by blending #e430ff with #0000d9. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 45
- G 9
- B 93
RGB color chart
- C 52
- M 90
- Y 0
- K 7
CMYK color chart

● #7218ec color description : Vivid violet.

The hexadecimal color #7218ec has RGB values of R:114, G:24, B:236 and CMYK values of C:0.52, M:0.9, Y:0, K:0.07. Its decimal value is 7477484.

Hex triplet	7218ec	`#7218ec`
RGB Decimal	114, 24, 236	`rgb(114,24,236)`
RGB Percent	44.7, 9.4, 92.5	`rgb(44.7%,9.4%,92.5%)`
CMYK	52, 90, 0, 7
HSL	265.5°, 84.8, 51	`hsl(265.5,84.8%,51%)`
HSV (or HSB)	265.5°, 89.8, 92.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.352, 74.587, -86.879
XYZ	22.404, 10.287, 80.157
xyY	0.199, 0.091, 10.287
CIE-LCH	38.352, 114.504, 310.647
CIE-LUV	38.352, 8.463, -122.857
Hunter-Lab	32.073, 68.561, -125.73
Binary	01110010, 00011000, 11101100

#7218ec
```
#7218ec rgb(114,24,236)
```
#92ec18
```
#92ec18 rgb(146,236,24)
```

Complementary Color

#1828ec
```
#1828ec rgb(24,40,236)
```
#7218ec
```
#7218ec rgb(114,24,236)
```
#dc18ec
```
#dc18ec rgb(220,24,236)
```

Analogous Color

#28ec18
```
#28ec18 rgb(40,236,24)
```
#7218ec
```
#7218ec rgb(114,24,236)
```
#ecdc18
```
#ecdc18 rgb(236,220,24)
```

Split Complementary Color

#18ec72
```
#18ec72 rgb(24,236,114)
```
#7218ec
```
#7218ec rgb(114,24,236)
```
#ec7218
```
#ec7218 rgb(236,114,24)
```

Triadic Color

#1892ec
```
#1892ec rgb(24,146,236)
```
#7218ec
```
#7218ec rgb(114,24,236)
```
#ec7218
```
#ec7218 rgb(236,114,24)
```
#92ec18
```
#92ec18 rgb(146,236,24)
```

Tetradic Color

#500eaa
```
#500eaa rgb(80,14,170)
```
#5b10c1
```
#5b10c1 rgb(91,16,193)
```
#6612d9
```
#6612d9 rgb(102,18,217)
```
#7218ec
```
#7218ec rgb(114,24,236)
```
#8030ee
```
#8030ee rgb(128,48,238)
```
#8f47f0
```
#8f47f0 rgb(143,71,240)
```
#9d5ff2
```
#9d5ff2 rgb(157,95,242)
```

Monochromatic Color

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

#3d18ec
```
#3d18ec rgb(61,24,236)
```
#4f18ec
```
#4f18ec rgb(79,24,236)
```
#6018ec
```
#6018ec rgb(96,24,236)
```
#7218ec
```
#7218ec rgb(114,24,236)
```
#8418ec
```
#8418ec rgb(132,24,236)
```
#9518ec
```
#9518ec rgb(149,24,236)
```
#a718ec
```
#a718ec rgb(167,24,236)
```

Similar Colors

Text with hexadecimal color #7218ec

This text has a font color of #7218ec.

<span style="color:#7218ec;">Text here</span>

#7218ec background color

This paragraph has a background color of #7218ec.

<p style="background-color:#7218ec;">Content here</p>

#7218ec border color

This element has a border color of #7218ec.

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

CSS codes

.text {color:#7218ec;}

.background {background-color:#7218ec;}

.border {border:1px solid #7218ec;}

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

#020005
```
#020005 rgb(2,0,5)
```
#0b0217
```
#0b0217 rgb(11,2,23)
```
#130329
```
#130329 rgb(19,3,41)
```
#1c053b
```
#1c053b rgb(28,5,59)
```
#24064d
```
#24064d rgb(36,6,77)
```
#2d085f
```
#2d085f rgb(45,8,95)
```
#350971
```
#350971 rgb(53,9,113)
```
#3e0b83
```
#3e0b83 rgb(62,11,131)
```
#470c96
```
#470c96 rgb(71,12,150)
```
#4f0ea8
```
#4f0ea8 rgb(79,14,168)
```
#580fba
```
#580fba rgb(88,15,186)
```
#6011cc
```
#6011cc rgb(96,17,204)
```
#6912de
```
#6912de rgb(105,18,222)
```

Shade Color Variation

#7218ec
```
#7218ec rgb(114,24,236)
```
#7d2aed
```
#7d2aed rgb(125,42,237)
```
#883cef
```
#883cef rgb(136,60,239)
```
#934ef0
```
#934ef0 rgb(147,78,240)
```
#9e60f2
```
#9e60f2 rgb(158,96,242)
```
#a973f3
```
#a973f3 rgb(169,115,243)
```
#b485f5
```
#b485f5 rgb(180,133,245)
```
#bf97f6
```
#bf97f6 rgb(191,151,246)
```
#cba9f8
```
#cba9f8 rgb(203,169,248)
```
#d6bbf9
```
#d6bbf9 rgb(214,187,249)
```
#e1cdfb
```
#e1cdfb rgb(225,205,251)
```
#ecdffc
```
#ecdffc rgb(236,223,252)
```
#f7f1fe
```
#f7f1fe rgb(247,241,254)
```

Tint Color Variation

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

#828282
```
#828282 rgb(130,130,130)
```
#81788c
```
#81788c rgb(129,120,140)
```
#7f6f95
```
#7f6f95 rgb(127,111,149)
```
#7e659f
```
#7e659f rgb(126,101,159)
```
#7c5ba9
```
#7c5ba9 rgb(124,91,169)
```
#7b52b2
```
#7b52b2 rgb(123,82,178)
```
#7948bc
```
#7948bc rgb(121,72,188)
```
#783ec6
```
#783ec6 rgb(120,62,198)
```
#7635cf
```
#7635cf rgb(118,53,207)
```
#752bd9
```
#752bd9 rgb(117,43,217)
```
#7322e2
```
#7322e2 rgb(115,34,226)
```
#7218ec
```
#7218ec rgb(114,24,236)
```
#710ef6
```
#710ef6 rgb(113,14,246)
```

Tone Color Variation

Below, you can see how #7218ec 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

#4b4b4b Achromatopsia 0.005% of the population
#53416b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060ba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#46686f Tritanopia 0.001% of the population

Trichromacy

#2945cc Protanomaly 1% of men, 0.01% of women
#2949bc Deuteranomaly 6% of men, 0.4% of women
#564a9c Tritanomaly 0.01% of the population

#7218ec hex color

#7218ec Color Information

#7218ec Color Conversion

Color Schemes with #7218ec

Alternatives to #7218ec

#7218ec Preview

Shades and Tints of #7218ec

Tones of #7218ec

Color Blindness Simulator