#b218ec hex color

In a RGB color space, hex #b218ec is composed of 69.8% red, 9.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 89.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 283.6 degrees, a saturation of 84.8% and a lightness of 51%. #b218ec color hex could be obtained by blending #ff30ff with #6500d9. Closest websafe color is: #9900ff.

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

● #b218ec color description : Vivid violet.

The hexadecimal color #b218ec has RGB values of R:178, G:24, B:236 and CMYK values of C:0.25, M:0.9, Y:0, K:0.07. Its decimal value is 11671788.

Hex triplet	b218ec	`#b218ec`
RGB Decimal	178, 24, 236	`rgb(178,24,236)`
RGB Percent	69.8, 9.4, 92.5	`rgb(69.8%,9.4%,92.5%)`
CMYK	25, 90, 0, 7
HSL	283.6°, 84.8, 51	`hsl(283.6,84.8%,51%)`
HSV (or HSB)	283.6°, 89.8, 92.5
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.204, 81.895, -72.018
XYZ	33.825, 16.176, 80.693
xyY	0.259, 0.124, 16.176
CIE-LCH	47.204, 109.057, 318.672
CIE-LUV	47.204, 38.713, -115.111
Hunter-Lab	40.219, 79.74, -90.802
Binary	10110010, 00011000, 11101100

#b218ec
```
#b218ec rgb(178,24,236)
```
#52ec18
```
#52ec18 rgb(82,236,24)
```

Complementary Color

#4818ec
```
#4818ec rgb(72,24,236)
```
#b218ec
```
#b218ec rgb(178,24,236)
```
#ec18bc
```
#ec18bc rgb(236,24,188)
```

Analogous Color

#18ec48
```
#18ec48 rgb(24,236,72)
```
#b218ec
```
#b218ec rgb(178,24,236)
```
#bcec18
```
#bcec18 rgb(188,236,24)
```

Split Complementary Color

#18ecb2
```
#18ecb2 rgb(24,236,178)
```
#b218ec
```
#b218ec rgb(178,24,236)
```
#ecb218
```
#ecb218 rgb(236,178,24)
```

Triadic Color

#1852ec
```
#1852ec rgb(24,82,236)
```
#b218ec
```
#b218ec rgb(178,24,236)
```
#ecb218
```
#ecb218 rgb(236,178,24)
```
#52ec18
```
#52ec18 rgb(82,236,24)
```

Tetradic Color

#7f0eaa
```
#7f0eaa rgb(127,14,170)
```
#9110c1
```
#9110c1 rgb(145,16,193)
```
#a212d9
```
#a212d9 rgb(162,18,217)
```
#b218ec
```
#b218ec rgb(178,24,236)
```
#ba30ee
```
#ba30ee rgb(186,48,238)
```
#c247f0
```
#c247f0 rgb(194,71,240)
```
#ca5ff2
```
#ca5ff2 rgb(202,95,242)
```

Monochromatic Color

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

#7d18ec
```
#7d18ec rgb(125,24,236)
```
#8f18ec
```
#8f18ec rgb(143,24,236)
```
#a018ec
```
#a018ec rgb(160,24,236)
```
#b218ec
```
#b218ec rgb(178,24,236)
```
#c418ec
```
#c418ec rgb(196,24,236)
```
#d518ec
```
#d518ec rgb(213,24,236)
```
#e718ec
```
#e718ec rgb(231,24,236)
```

Similar Colors

Text with hexadecimal color #b218ec

This text has a font color of #b218ec.

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

#b218ec background color

This paragraph has a background color of #b218ec.

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

#b218ec border color

This element has a border color of #b218ec.

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

CSS codes

.text {color:#b218ec;}

.background {background-color:#b218ec;}

.border {border:1px solid #b218ec;}

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

#030005
```
#030005 rgb(3,0,5)
```
#110217
```
#110217 rgb(17,2,23)
```
#1f0329
```
#1f0329 rgb(31,3,41)
```
#2c053b
```
#2c053b rgb(44,5,59)
```
#3a064d
```
#3a064d rgb(58,6,77)
```
#47085f
```
#47085f rgb(71,8,95)
```
#550971
```
#550971 rgb(85,9,113)
```
#620b83
```
#620b83 rgb(98,11,131)
```
#700c96
```
#700c96 rgb(112,12,150)
```
#7e0ea8
```
#7e0ea8 rgb(126,14,168)
```
#8b0fba
```
#8b0fba rgb(139,15,186)
```
#9911cc
```
#9911cc rgb(153,17,204)
```
#a612de
```
#a612de rgb(166,18,222)
```

Shade Color Variation

#b218ec
```
#b218ec rgb(178,24,236)
```
#b82aed
```
#b82aed rgb(184,42,237)
```
#be3cef
```
#be3cef rgb(190,60,239)
```
#c44ef0
```
#c44ef0 rgb(196,78,240)
```
#ca60f2
```
#ca60f2 rgb(202,96,242)
```
#d073f3
```
#d073f3 rgb(208,115,243)
```
#d685f5
```
#d685f5 rgb(214,133,245)
```
#dc97f6
```
#dc97f6 rgb(220,151,246)
```
#e2a9f8
```
#e2a9f8 rgb(226,169,248)
```
#e8bbf9
```
#e8bbf9 rgb(232,187,249)
```
#eecdfb
```
#eecdfb rgb(238,205,251)
```
#f4dffc
```
#f4dffc rgb(244,223,252)
```
#faf1fe
```
#faf1fe rgb(250,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 #b60ef6 is the most saturated one.

#828282
```
#828282 rgb(130,130,130)
```
#86788c
```
#86788c rgb(134,120,140)
```
#8b6f95
```
#8b6f95 rgb(139,111,149)
```
#8f659f
```
#8f659f rgb(143,101,159)
```
#945ba9
```
#945ba9 rgb(148,91,169)
```
#9852b2
```
#9852b2 rgb(152,82,178)
```
#9c48bc
```
#9c48bc rgb(156,72,188)
```
#a13ec6
```
#a13ec6 rgb(161,62,198)
```
#a535cf
```
#a535cf rgb(165,53,207)
```
#a92bd9
```
#a92bd9 rgb(169,43,217)
```
#ae22e2
```
#ae22e2 rgb(174,34,226)
```
#b218ec
```
#b218ec rgb(178,24,236)
```
#b60ef6
```
#b60ef6 rgb(182,14,246)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6f507a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c8 Deuteranopia 1% of men
#9e686f Tritanopia 0.001% of the population

Trichromacy

#4052e5 Protanomaly 1% of men, 0.01% of women
#4056d5 Deuteranomaly 6% of men, 0.4% of women
#a54b9c Tritanomaly 0.01% of the population

#b218ec hex color

#b218ec Color Information

#b218ec Color Conversion

Color Schemes with #b218ec

Alternatives to #b218ec

#b218ec Preview

Shades and Tints of #b218ec

Tones of #b218ec

Color Blindness Simulator