#b222e3 hex color

In a RGB color space, hex #b222e3 is composed of 69.8% red, 13.3% green and 89% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 85% magenta, 0% yellow and 11% black. It has a hue angle of 284.8 degrees, a saturation of 77.5% and a lightness of 51.2%. #b222e3 color hex could be obtained by blending #ff44ff with #6500c7. Closest websafe color is: #9933cc.

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

● #b222e3 color description : Vivid violet.

The hexadecimal color #b222e3 has RGB values of R:178, G:34, B:227 and CMYK values of C:0.22, M:0.85, Y:0, K:0.11. Its decimal value is 11674339.

Hex triplet	b222e3	`#b222e3`
RGB Decimal	178, 34, 227	`rgb(178,34,227)`
RGB Percent	69.8, 13.3, 89	`rgb(69.8%,13.3%,89%)`
CMYK	22, 85, 0, 11
HSL	284.8°, 77.5, 51.2	`hsl(284.8,77.5%,51.2%)`
HSV (or HSB)	284.8°, 85, 89
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.179, 78.371, -66.959
XYZ	32.796, 16.156, 74.06
xyY	0.267, 0.131, 16.156
CIE-LCH	47.179, 103.08, 319.49
CIE-LUV	47.179, 40.441, -107.918
Hunter-Lab	40.195, 75.299, -81.106
Binary	10110010, 00100010, 11100011

#b222e3
```
#b222e3 rgb(178,34,227)
```
#53e322
```
#53e322 rgb(83,227,34)
```

Complementary Color

#5122e3
```
#5122e3 rgb(81,34,227)
```
#b222e3
```
#b222e3 rgb(178,34,227)
```
#e322b4
```
#e322b4 rgb(227,34,180)
```

Analogous Color

#22e351
```
#22e351 rgb(34,227,81)
```
#b222e3
```
#b222e3 rgb(178,34,227)
```
#b4e322
```
#b4e322 rgb(180,227,34)
```

Split Complementary Color

#22e3b2
```
#22e3b2 rgb(34,227,178)
```
#b222e3
```
#b222e3 rgb(178,34,227)
```
#e3b222
```
#e3b222 rgb(227,178,34)
```

Triadic Color

#2253e3
```
#2253e3 rgb(34,83,227)
```
#b222e3
```
#b222e3 rgb(178,34,227)
```
#e3b222
```
#e3b222 rgb(227,178,34)
```
#53e322
```
#53e322 rgb(83,227,34)
```

Tetradic Color

#7f15a4
```
#7f15a4 rgb(127,21,164)
```
#9118ba
```
#9118ba rgb(145,24,186)
```
#a31ad1
```
#a31ad1 rgb(163,26,209)
```
#b222e3
```
#b222e3 rgb(178,34,227)
```
#ba39e6
```
#ba39e6 rgb(186,57,230)
```
#c24fe9
```
#c24fe9 rgb(194,79,233)
```
#ca66ec
```
#ca66ec rgb(202,102,236)
```

Monochromatic Color

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

#8222e3
```
#8222e3 rgb(130,34,227)
```
#9222e3
```
#9222e3 rgb(146,34,227)
```
#a222e3
```
#a222e3 rgb(162,34,227)
```
#b222e3
```
#b222e3 rgb(178,34,227)
```
#c222e3
```
#c222e3 rgb(194,34,227)
```
#d222e3
```
#d222e3 rgb(210,34,227)
```
#e222e3
```
#e222e3 rgb(226,34,227)
```

Similar Colors

Text with hexadecimal color #b222e3

This text has a font color of #b222e3.

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

#b222e3 background color

This paragraph has a background color of #b222e3.

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

#b222e3 border color

This element has a border color of #b222e3.

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

CSS codes

.text {color:#b222e3;}

.background {background-color:#b222e3;}

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

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

#040105
```
#040105 rgb(4,1,5)
```
#120317
```
#120317 rgb(18,3,23)
```
#1f0528
```
#1f0528 rgb(31,5,40)
```
#2d073a
```
#2d073a rgb(45,7,58)
```
#3a094b
```
#3a094b rgb(58,9,75)
```
#480c5c
```
#480c5c rgb(72,12,92)
```
#550e6e
```
#550e6e rgb(85,14,110)
```
#63107f
```
#63107f rgb(99,16,127)
```
#711291
```
#711291 rgb(113,18,145)
```
#7e15a2
```
#7e15a2 rgb(126,21,162)
```
#8c17b3
```
#8c17b3 rgb(140,23,179)
```
#9919c5
```
#9919c5 rgb(153,25,197)
```
#a71bd6
```
#a71bd6 rgb(167,27,214)
```

Shade Color Variation

#b222e3
```
#b222e3 rgb(178,34,227)
```
#b833e5
```
#b833e5 rgb(184,51,229)
```
#be45e7
```
#be45e7 rgb(190,69,231)
```
#c456ea
```
#c456ea rgb(196,86,234)
```
#ca68ec
```
#ca68ec rgb(202,104,236)
```
#d079ee
```
#d079ee rgb(208,121,238)
```
#d68af0
```
#d68af0 rgb(214,138,240)
```
#dc9cf2
```
#dc9cf2 rgb(220,156,242)
```
#e3adf5
```
#e3adf5 rgb(227,173,245)
```
#e9bff7
```
#e9bff7 rgb(233,191,247)
```
#efd0f9
```
#efd0f9 rgb(239,208,249)
```
#f5e2fb
```
#f5e2fb rgb(245,226,251)
```
#fbf3fd
```
#fbf3fd rgb(251,243,253)
```

Tint Color Variation

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

#838283
```
#838283 rgb(131,130,131)
```
#88788d
```
#88788d rgb(136,120,141)
```
#8c6f96
```
#8c6f96 rgb(140,111,150)
```
#9165a0
```
#9165a0 rgb(145,101,160)
```
#965baa
```
#965baa rgb(150,91,170)
```
#9a52b3
```
#9a52b3 rgb(154,82,179)
```
#9f48bd
```
#9f48bd rgb(159,72,189)
```
#a43fc6
```
#a43fc6 rgb(164,63,198)
```
#a935d0
```
#a935d0 rgb(169,53,208)
```
#ad2cd9
```
#ad2cd9 rgb(173,44,217)
```
#b222e3
```
#b222e3 rgb(178,34,227)
```
#b718ed
```
#b718ed rgb(183,24,237)
```
#bb0ff6
```
#bb0ff6 rgb(187,15,246)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#73567d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c9 Deuteranopia 1% of men
#a1666d Tritanopia 0.001% of the population

Trichromacy

#4056e2 Protanomaly 1% of men, 0.01% of women
#4059d2 Deuteranomaly 6% of men, 0.4% of women
#a74d98 Tritanomaly 0.01% of the population

#b222e3 hex color

#b222e3 Color Information

#b222e3 Color Conversion

Color Schemes with #b222e3

Alternatives to #b222e3

#b222e3 Preview

Shades and Tints of #b222e3

Tones of #b222e3

Color Blindness Simulator