#8218f4 hex color

In a RGB color space, hex #8218f4 is composed of 51% red, 9.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 90.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 268.9 degrees, a saturation of 90.9% and a lightness of 52.5%. #8218f4 color hex could be obtained by blending #ff30ff with #0500e9. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 51
- G 9
- B 96
RGB color chart
- C 47
- M 90
- Y 0
- K 4
CMYK color chart

● #8218f4 color description : Vivid violet.

The hexadecimal color #8218f4 has RGB values of R:130, G:24, B:244 and CMYK values of C:0.47, M:0.9, Y:0, K:0.04. Its decimal value is 8526068.

Hex triplet	8218f4	`#8218f4`
RGB Decimal	130, 24, 244	`rgb(130,24,244)`
RGB Percent	51, 9.4, 95.7	`rgb(51%,9.4%,95.7%)`
CMYK	47, 90, 0, 4
HSL	268.9°, 90.9, 52.5	`hsl(268.9,90.9%,52.5%)`
HSV (or HSB)	268.9°, 90.2, 95.7
Web Safe	9900ff	`#9900ff`

CIE-LAB	41.106, 77.842, -86.79
XYZ	25.859, 11.931, 86.523
xyY	0.208, 0.096, 11.931
CIE-LCH	41.106, 116.584, 311.889
CIE-LUV	41.106, 13.303, -126.709
Hunter-Lab	34.541, 73.188, -124.341
Binary	10000010, 00011000, 11110100

#8218f4
```
#8218f4 rgb(130,24,244)
```
#8af418
```
#8af418 rgb(138,244,24)
```

Complementary Color

#181cf4
```
#181cf4 rgb(24,28,244)
```
#8218f4
```
#8218f4 rgb(130,24,244)
```
#f018f4
```
#f018f4 rgb(240,24,244)
```

Analogous Color

#1cf418
```
#1cf418 rgb(28,244,24)
```
#8218f4
```
#8218f4 rgb(130,24,244)
```
#f4f018
```
#f4f018 rgb(244,240,24)
```

Split Complementary Color

#18f482
```
#18f482 rgb(24,244,130)
```
#8218f4
```
#8218f4 rgb(130,24,244)
```
#f48218
```
#f48218 rgb(244,130,24)
```

Triadic Color

#188af4
```
#188af4 rgb(24,138,244)
```
#8218f4
```
#8218f4 rgb(130,24,244)
```
#f48218
```
#f48218 rgb(244,130,24)
```
#8af418
```
#8af418 rgb(138,244,24)
```

Tetradic Color

#5d09b7
```
#5d09b7 rgb(93,9,183)
```
#690acf
```
#690acf rgb(105,10,207)
```
#750be7
```
#750be7 rgb(117,11,231)
```
#8218f4
```
#8218f4 rgb(130,24,244)
```
#8f30f5
```
#8f30f5 rgb(143,48,245)
```
#9c49f6
```
#9c49f6 rgb(156,73,246)
```
#aa61f7
```
#aa61f7 rgb(170,97,247)
```

Monochromatic Color

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

#4b18f4
```
#4b18f4 rgb(75,24,244)
```
#5d18f4
```
#5d18f4 rgb(93,24,244)
```
#7018f4
```
#7018f4 rgb(112,24,244)
```
#8218f4
```
#8218f4 rgb(130,24,244)
```
#9418f4
```
#9418f4 rgb(148,24,244)
```
#a718f4
```
#a718f4 rgb(167,24,244)
```
#b918f4
```
#b918f4 rgb(185,24,244)
```

Similar Colors

Text with hexadecimal color #8218f4

This text has a font color of #8218f4.

<span style="color:#8218f4;">Text here</span>

#8218f4 background color

This paragraph has a background color of #8218f4.

<p style="background-color:#8218f4;">Content here</p>

#8218f4 border color

This element has a border color of #8218f4.

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

CSS codes

.text {color:#8218f4;}

.background {background-color:#8218f4;}

.border {border:1px solid #8218f4;}

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, #06010c is the darkest color, while #fcf9ff is the lightest one.

#06010c
```
#06010c rgb(6,1,12)
```
#10011f
```
#10011f rgb(16,1,31)
```
#190232
```
#190232 rgb(25,2,50)
```
#230345
```
#230345 rgb(35,3,69)
```
#2c0457
```
#2c0457 rgb(44,4,87)
```
#36056a
```
#36056a rgb(54,5,106)
```
#3f067d
```
#3f067d rgb(63,6,125)
```
#49078f
```
#49078f rgb(73,7,143)
```
#5208a2
```
#5208a2 rgb(82,8,162)
```
#5c09b5
```
#5c09b5 rgb(92,9,181)
```
#650ac8
```
#650ac8 rgb(101,10,200)
```
#6f0ada
```
#6f0ada rgb(111,10,218)
```
#780bed
```
#780bed rgb(120,11,237)
```

Shade Color Variation

#8218f4
```
#8218f4 rgb(130,24,244)
```
#8c2bf5
```
#8c2bf5 rgb(140,43,245)
```
#963df6
```
#963df6 rgb(150,61,246)
```
#a050f7
```
#a050f7 rgb(160,80,247)
```
#ab63f8
```
#ab63f8 rgb(171,99,248)
```
#b576f8
```
#b576f8 rgb(181,118,248)
```
#bf88f9
```
#bf88f9 rgb(191,136,249)
```
#c99bfa
```
#c99bfa rgb(201,155,250)
```
#d3aefb
```
#d3aefb rgb(211,174,251)
```
#ddc1fc
```
#ddc1fc rgb(221,193,252)
```
#e7d3fd
```
#e7d3fd rgb(231,211,253)
```
#f1e6fe
```
#f1e6fe rgb(241,230,254)
```
#fcf9ff
```
#fcf9ff rgb(252,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #867e8e is the less saturated color, while #820ffd is the most saturated one.

#867e8e
```
#867e8e rgb(134,126,142)
```
#857597
```
#857597 rgb(133,117,151)
```
#856ca0
```
#856ca0 rgb(133,108,160)
```
#8562aa
```
#8562aa rgb(133,98,170)
```
#8459b3
```
#8459b3 rgb(132,89,179)
```
#8450bc
```
#8450bc rgb(132,80,188)
```
#8447c5
```
#8447c5 rgb(132,71,197)
```
#833dcf
```
#833dcf rgb(131,61,207)
```
#8334d8
```
#8334d8 rgb(131,52,216)
```
#832be1
```
#832be1 rgb(131,43,225)
```
#8221eb
```
#8221eb rgb(130,33,235)
```
#8218f4
```
#8218f4 rgb(130,24,244)
```
#820ffd
```
#820ffd rgb(130,15,253)
```

Tone Color Variation

Below, you can see how #8218f4 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

#515151 Achromatopsia 0.005% of the population
#5b4672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#5d6b72 Tritanopia 0.001% of the population

Trichromacy

#2f49d6 Protanomaly 1% of men, 0.01% of women
#2f4dc6 Deuteranomaly 6% of men, 0.4% of women
#6a4ca1 Tritanomaly 0.01% of the population

#8218f4 hex color

#8218f4 Color Information

#8218f4 Color Conversion

Color Schemes with #8218f4

Alternatives to #8218f4

#8218f4 Preview

Shades and Tints of #8218f4

Tones of #8218f4

Color Blindness Simulator