#7218fc hex color

In a RGB color space, hex #7218fc is composed of 44.7% red, 9.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 90.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 263.7 degrees, a saturation of 97.4% and a lightness of 54.1%. #7218fc color hex could be obtained by blending #e430ff with #0000f9. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 45
- G 9
- B 99
RGB color chart
- C 55
- M 90
- Y 0
- K 1
CMYK color chart

● #7218fc color description : Vivid violet.

The hexadecimal color #7218fc has RGB values of R:114, G:24, B:252 and CMYK values of C:0.55, M:0.9, Y:0, K:0.01. Its decimal value is 7477500.

Hex triplet	7218fc	`#7218fc`
RGB Decimal	114, 24, 252	`rgb(114,24,252)`
RGB Percent	44.7, 9.4, 98.8	`rgb(44.7%,9.4%,98.8%)`
CMYK	55, 90, 0, 1
HSL	263.7°, 97.4, 54.1	`hsl(263.7,97.4%,54.1%)`
HSV (or HSB)	263.7°, 90.5, 98.8
Web Safe	6600ff	`#6600ff`

CIE-LAB	40.012, 78.214, -93.156
XYZ	24.834, 11.258, 92.955
xyY	0.192, 0.087, 11.258
CIE-LCH	40.012, 121.637, 310.017
CIE-LUV	40.012, 6.429, -132.081
Hunter-Lab	33.554, 73.392, -140.766
Binary	01110010, 00011000, 11111100

#7218fc
```
#7218fc rgb(114,24,252)
```
#a2fc18
```
#a2fc18 rgb(162,252,24)
```

Complementary Color

#1830fc
```
#1830fc rgb(24,48,252)
```
#7218fc
```
#7218fc rgb(114,24,252)
```
#e418fc
```
#e418fc rgb(228,24,252)
```

Analogous Color

#30fc18
```
#30fc18 rgb(48,252,24)
```
#7218fc
```
#7218fc rgb(114,24,252)
```
#fce418
```
#fce418 rgb(252,228,24)
```

Split Complementary Color

#18fc72
```
#18fc72 rgb(24,252,114)
```
#7218fc
```
#7218fc rgb(114,24,252)
```
#fc7218
```
#fc7218 rgb(252,114,24)
```

Triadic Color

#18a2fc
```
#18a2fc rgb(24,162,252)
```
#7218fc
```
#7218fc rgb(114,24,252)
```
#fc7218
```
#fc7218 rgb(252,114,24)
```
#a2fc18
```
#a2fc18 rgb(162,252,24)
```

Tetradic Color

#4f03c5
```
#4f03c5 rgb(79,3,197)
```
#5903de
```
#5903de rgb(89,3,222)
```
#6403f7
```
#6403f7 rgb(100,3,247)
```
#7218fc
```
#7218fc rgb(114,24,252)
```
#8131fc
```
#8131fc rgb(129,49,252)
```
#914afd
```
#914afd rgb(145,74,253)
```
#a064fd
```
#a064fd rgb(160,100,253)
```

Monochromatic Color

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

#3918fc
```
#3918fc rgb(57,24,252)
```
#4c18fc
```
#4c18fc rgb(76,24,252)
```
#5f18fc
```
#5f18fc rgb(95,24,252)
```
#7218fc
```
#7218fc rgb(114,24,252)
```
#8518fc
```
#8518fc rgb(133,24,252)
```
#9818fc
```
#9818fc rgb(152,24,252)
```
#ab18fc
```
#ab18fc rgb(171,24,252)
```

Similar Colors

Text with hexadecimal color #7218fc

This text has a font color of #7218fc.

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

#7218fc background color

This paragraph has a background color of #7218fc.

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

#7218fc border color

This element has a border color of #7218fc.

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

CSS codes

.text {color:#7218fc;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#080015
```
#080015 rgb(8,0,21)
```
#100128
```
#100128 rgb(16,1,40)
```
#18013b
```
#18013b rgb(24,1,59)
```
#20014f
```
#20014f rgb(32,1,79)
```
#280162
```
#280162 rgb(40,1,98)
```
#2f0276
```
#2f0276 rgb(47,2,118)
```
#370289
```
#370289 rgb(55,2,137)
```
#3f029c
```
#3f029c rgb(63,2,156)
```
#4702b0
```
#4702b0 rgb(71,2,176)
```
#4f03c3
```
#4f03c3 rgb(79,3,195)
```
#5603d6
```
#5603d6 rgb(86,3,214)
```
#5e03ea
```
#5e03ea rgb(94,3,234)
```

Shade Color Variation

#6605fc
```
#6605fc rgb(102,5,252)
```
#7218fc
```
#7218fc rgb(114,24,252)
```
#7e2bfc
```
#7e2bfc rgb(126,43,252)
```
#8a3ffd
```
#8a3ffd rgb(138,63,253)
```
#9552fd
```
#9552fd rgb(149,82,253)
```
#a165fd
```
#a165fd rgb(161,101,253)
```
#ad79fd
```
#ad79fd rgb(173,121,253)
```
#b98cfe
```
#b98cfe rgb(185,140,254)
```
#c5a0fe
```
#c5a0fe rgb(197,160,254)
```
#d1b3fe
```
#d1b3fe rgb(209,179,254)
```
#dcc6fe
```
#dcc6fe rgb(220,198,254)
```
#e8daff
```
#e8daff rgb(232,218,255)
```
#f4edff
```
#f4edff rgb(244,237,255)
```

Tint Color Variation

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

#898490
```
#898490 rgb(137,132,144)
```
#877b99
```
#877b99 rgb(135,123,153)
```
#8572a2
```
#8572a2 rgb(133,114,162)
```
#8369ab
```
#8369ab rgb(131,105,171)
```
#8160b4
```
#8160b4 rgb(129,96,180)
```
#7f57bd
```
#7f57bd rgb(127,87,189)
```
#7d4ec6
```
#7d4ec6 rgb(125,78,198)
```
#7b45cf
```
#7b45cf rgb(123,69,207)
```
#7a3cd8
```
#7a3cd8 rgb(122,60,216)
```
#7833e1
```
#7833e1 rgb(120,51,225)
```
#762aea
```
#762aea rgb(118,42,234)
```
#7421f3
```
#7421f3 rgb(116,33,243)
```
#7218fc
```
#7218fc rgb(114,24,252)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#544270 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#366e76 Tritanopia 0.001% of the population

Trichromacy

#2948d6 Protanomaly 1% of men, 0.01% of women
#294bc6 Deuteranomaly 6% of men, 0.4% of women
#4c4ea6 Tritanomaly 0.01% of the population

#7218fc hex color

#7218fc Color Information

#7218fc Color Conversion

Color Schemes with #7218fc

Alternatives to #7218fc

#7218fc Preview

Shades and Tints of #7218fc

Tones of #7218fc

Color Blindness Simulator