#b222de hex color

In a RGB color space, hex #b222de is composed of 69.8% red, 13.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 84.7% magenta, 0% yellow and 12.9% black. It has a hue angle of 286 degrees, a saturation of 74% and a lightness of 50.2%. #b222de color hex could be obtained by blending #ff44ff with #6500bd. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 70
- G 13
- B 87
RGB color chart
- C 20
- M 85
- Y 0
- K 13
CMYK color chart

● #b222de color description : Bright magenta.

The hexadecimal color #b222de has RGB values of R:178, G:34, B:222 and CMYK values of C:0.2, M:0.85, Y:0, K:0.13. Its decimal value is 11674334.

Hex triplet	b222de	`#b222de`
RGB Decimal	178, 34, 222	`rgb(178,34,222)`
RGB Percent	69.8, 13.3, 87.1	`rgb(69.8%,13.3%,87.1%)`
CMYK	20, 85, 0, 13
HSL	286°, 74, 50.2	`hsl(286,74%,50.2%)`
HSV (or HSB)	286°, 84.7, 87.1
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.822, 77.467, -64.691
XYZ	32.115, 15.884, 70.478
xyY	0.271, 0.134, 15.884
CIE-LCH	46.822, 100.926, 320.135
CIE-LUV	46.822, 41.866, -104.467
Hunter-Lab	39.855, 74.089, -76.946
Binary	10110010, 00100010, 11011110

#b222de
```
#b222de rgb(178,34,222)
```
#4ede22
```
#4ede22 rgb(78,222,34)
```

Complementary Color

#5422de
```
#5422de rgb(84,34,222)
```
#b222de
```
#b222de rgb(178,34,222)
```
#de22ac
```
#de22ac rgb(222,34,172)
```

Analogous Color

#22de54
```
#22de54 rgb(34,222,84)
```
#b222de
```
#b222de rgb(178,34,222)
```
#acde22
```
#acde22 rgb(172,222,34)
```

Split Complementary Color

#22deb2
```
#22deb2 rgb(34,222,178)
```
#b222de
```
#b222de rgb(178,34,222)
```
#deb222
```
#deb222 rgb(222,178,34)
```

Triadic Color

#224ede
```
#224ede rgb(34,78,222)
```
#b222de
```
#b222de rgb(178,34,222)
```
#deb222
```
#deb222 rgb(222,178,34)
```
#4ede22
```
#4ede22 rgb(78,222,34)
```

Tetradic Color

#7d179c
```
#7d179c rgb(125,23,156)
```
#8f1bb2
```
#8f1bb2 rgb(143,27,178)
```
#a11ec9
```
#a11ec9 rgb(161,30,201)
```
#b222de
```
#b222de rgb(178,34,222)
```
#ba38e1
```
#ba38e1 rgb(186,56,225)
```
#c14ee5
```
#c14ee5 rgb(193,78,229)
```
#c965e8
```
#c965e8 rgb(201,101,232)
```

Monochromatic Color

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

#8322de
```
#8322de rgb(131,34,222)
```
#9322de
```
#9322de rgb(147,34,222)
```
#a222de
```
#a222de rgb(162,34,222)
```
#b222de
```
#b222de rgb(178,34,222)
```
#c222de
```
#c222de rgb(194,34,222)
```
#d122de
```
#d122de rgb(209,34,222)
```
#de22db
```
#de22db rgb(222,34,219)
```

Similar Colors

Text with hexadecimal color #b222de

This text has a font color of #b222de.

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

#b222de background color

This paragraph has a background color of #b222de.

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

#b222de border color

This element has a border color of #b222de.

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

CSS codes

.text {color:#b222de;}

.background {background-color:#b222de;}

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

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 #f9effd is the lightest one.

#010001
```
#010001 rgb(1,0,1)
```
#0e0312
```
#0e0312 rgb(14,3,18)
```
#1c0523
```
#1c0523 rgb(28,5,35)
```
#2a0834
```
#2a0834 rgb(42,8,52)
```
#370a45
```
#370a45 rgb(55,10,69)
```
#450d56
```
#450d56 rgb(69,13,86)
```
#530f67
```
#530f67 rgb(83,15,103)
```
#601278
```
#601278 rgb(96,18,120)
```
#6e1589
```
#6e1589 rgb(110,21,137)
```
#7c179a
```
#7c179a rgb(124,23,154)
```
#891aac
```
#891aac rgb(137,26,172)
```
#971cbd
```
#971cbd rgb(151,28,189)
```
#a51fce
```
#a51fce rgb(165,31,206)
```

Shade Color Variation

#b222de
```
#b222de rgb(178,34,222)
```
#b833e1
```
#b833e1 rgb(184,51,225)
```
#be44e3
```
#be44e3 rgb(190,68,227)
```
#c455e6
```
#c455e6 rgb(196,85,230)
```
#ca66e8
```
#ca66e8 rgb(202,102,232)
```
#d077eb
```
#d077eb rgb(208,119,235)
```
#d688ed
```
#d688ed rgb(214,136,237)
```
#dc99f0
```
#dc99f0 rgb(220,153,240)
```
#e2abf2
```
#e2abf2 rgb(226,171,242)
```
#e8bcf5
```
#e8bcf5 rgb(232,188,245)
```
#edcdf7
```
#edcdf7 rgb(237,205,247)
```
#f3defa
```
#f3defa rgb(243,222,250)
```
#f9effd
```
#f9effd rgb(249,239,253)
```

Tint Color Variation

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

#837a86
```
#837a86 rgb(131,122,134)
```
#887090
```
#887090 rgb(136,112,144)
```
#8e669a
```
#8e669a rgb(142,102,154)
```
#935da3
```
#935da3 rgb(147,93,163)
```
#9853ad
```
#9853ad rgb(152,83,173)
```
#9d49b7
```
#9d49b7 rgb(157,73,183)
```
#a23fc1
```
#a23fc1 rgb(162,63,193)
```
#a836ca
```
#a836ca rgb(168,54,202)
```
#ad2cd4
```
#ad2cd4 rgb(173,44,212)
```
#b222de
```
#b222de rgb(178,34,222)
```
#b718e8
```
#b718e8 rgb(183,24,232)
```
#bc0ef2
```
#bc0ef2 rgb(188,14,242)
```
#c205fb
```
#c205fb rgb(194,5,251)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#72557b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0078c8 Deuteranopia 1% of men
#a2656b Tritanopia 0.001% of the population

Trichromacy

#4055df Protanomaly 1% of men, 0.01% of women
#4059d0 Deuteranomaly 6% of men, 0.4% of women
#a84c95 Tritanomaly 0.01% of the population

#b222de hex color

#b222de Color Information

#b222de Color Conversion

Color Schemes with #b222de

Alternatives to #b222de

#b222de Preview

Shades and Tints of #b222de

Tones of #b222de

Color Blindness Simulator