#b222ff hex color

In a RGB color space, hex #b222ff is composed of 69.8% red, 13.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 86.7% magenta, 0% yellow and 0% black. It has a hue angle of 279.1 degrees, a saturation of 100% and a lightness of 56.7%. #b222ff color hex could be obtained by blending #ff44ff with #6500ff. Closest websafe color is: #9933ff.

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

● #b222ff color description : Vivid violet.

The hexadecimal color #b222ff has RGB values of R:178, G:34, B:255 and CMYK values of C:0.3, M:0.87, Y:0, K:0. Its decimal value is 11674367.

Hex triplet	b222ff	`#b222ff`
RGB Decimal	178, 34, 255	`rgb(178,34,255)`
RGB Percent	69.8, 13.3, 100	`rgb(69.8%,13.3%,100%)`
CMYK	30, 87, 0, 0
HSL	279.1°, 100, 56.7	`hsl(279.1,100%,56.7%)`
HSV (or HSB)	279.1°, 86.7, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.289, 83.596, -79.275
XYZ	36.98, 17.83, 96.096
xyY	0.245, 0.118, 17.83
CIE-LCH	49.289, 115.208, 316.52
CIE-LUV	49.289, 33.14, -126.614
Hunter-Lab	42.226, 82.429, -105.372
Binary	10110010, 00100010, 11111111

#b222ff
```
#b222ff rgb(178,34,255)
```
#6fff22
```
#6fff22 rgb(111,255,34)
```

Complementary Color

#4422ff
```
#4422ff rgb(68,34,255)
```
#b222ff
```
#b222ff rgb(178,34,255)
```
#ff22de
```
#ff22de rgb(255,34,222)
```

Analogous Color

#22ff44
```
#22ff44 rgb(34,255,68)
```
#b222ff
```
#b222ff rgb(178,34,255)
```
#deff22
```
#deff22 rgb(222,255,34)
```

Split Complementary Color

#22ffb2
```
#22ffb2 rgb(34,255,178)
```
#b222ff
```
#b222ff rgb(178,34,255)
```
#ffb222
```
#ffb222 rgb(255,178,34)
```

Triadic Color

#226fff
```
#226fff rgb(34,111,255)
```
#b222ff
```
#b222ff rgb(178,34,255)
```
#ffb222
```
#ffb222 rgb(255,178,34)
```
#6fff22
```
#6fff22 rgb(111,255,34)
```

Tetradic Color

#8a00d5
```
#8a00d5 rgb(138,0,213)
```
#9b00ee
```
#9b00ee rgb(155,0,238)
```
#a908ff
```
#a908ff rgb(169,8,255)
```
#b222ff
```
#b222ff rgb(178,34,255)
```
#bb3cff
```
#bb3cff rgb(187,60,255)
```
#c455ff
```
#c455ff rgb(196,85,255)
```
#cd6fff
```
#cd6fff rgb(205,111,255)
```

Monochromatic Color

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

#7b22ff
```
#7b22ff rgb(123,34,255)
```
#8d22ff
```
#8d22ff rgb(141,34,255)
```
#a022ff
```
#a022ff rgb(160,34,255)
```
#b222ff
```
#b222ff rgb(178,34,255)
```
#c422ff
```
#c422ff rgb(196,34,255)
```
#d722ff
```
#d722ff rgb(215,34,255)
```
#e922ff
```
#e922ff rgb(233,34,255)
```

Similar Colors

Text with hexadecimal color #b222ff

This text has a font color of #b222ff.

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

#b222ff background color

This paragraph has a background color of #b222ff.

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

#b222ff border color

This element has a border color of #b222ff.

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

CSS codes

.text {color:#b222ff;}

.background {background-color:#b222ff;}

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

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, #09000e is the darkest color, while #fdfaff is the lightest one.

#09000e
```
#09000e rgb(9,0,14)
```
#160022
```
#160022 rgb(22,0,34)
```
#230036
```
#230036 rgb(35,0,54)
```
#300049
```
#300049 rgb(48,0,73)
```
#3c005d
```
#3c005d rgb(60,0,93)
```
#490070
```
#490070 rgb(73,0,112)
```
#560084
```
#560084 rgb(86,0,132)
```
#630098
```
#630098 rgb(99,0,152)
```
#7000ab
```
#7000ab rgb(112,0,171)
```
#7c00bf
```
#7c00bf rgb(124,0,191)
```
#8900d3
```
#8900d3 rgb(137,0,211)
```
#9600e6
```
#9600e6 rgb(150,0,230)
```
#a300fa
```
#a300fa rgb(163,0,250)
```

Shade Color Variation

#ab0eff
```
#ab0eff rgb(171,14,255)
```
#b222ff
```
#b222ff rgb(178,34,255)
```
#b936ff
```
#b936ff rgb(185,54,255)
```
#c049ff
```
#c049ff rgb(192,73,255)
```
#c75dff
```
#c75dff rgb(199,93,255)
```
#cd70ff
```
#cd70ff rgb(205,112,255)
```
#d484ff
```
#d484ff rgb(212,132,255)
```
#db98ff
```
#db98ff rgb(219,152,255)
```
#e2abff
```
#e2abff rgb(226,171,255)
```
#e9bfff
```
#e9bfff rgb(233,191,255)
```
#f0d3ff
```
#f0d3ff rgb(240,211,255)
```
#f6e6ff
```
#f6e6ff rgb(246,230,255)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#938899
```
#938899 rgb(147,136,153)
```
#9680a2
```
#9680a2 rgb(150,128,162)
```
#9877aa
```
#9877aa rgb(152,119,170)
```
#9b6fb3
```
#9b6fb3 rgb(155,111,179)
```
#9d66bb
```
#9d66bb rgb(157,102,187)
```
#a05ec4
```
#a05ec4 rgb(160,94,196)
```
#a355cc
```
#a355cc rgb(163,85,204)
```
#a54dd5
```
#a54dd5 rgb(165,77,213)
```
#a844dd
```
#a844dd rgb(168,68,221)
```
#aa3ce6
```
#aa3ce6 rgb(170,60,230)
```
#ad33ee
```
#ad33ee rgb(173,51,238)
```
#af2bf7
```
#af2bf7 rgb(175,43,247)
```
#b222ff
```
#b222ff rgb(178,34,255)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#755885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#9a7179 Tritanopia 0.001% of the population

Trichromacy

#4059f2 Protanomaly 1% of men, 0.01% of women
#405de0 Deuteranomaly 6% of men, 0.4% of women
#a254a9 Tritanomaly 0.01% of the population

#b222ff hex color

#b222ff Color Information

#b222ff Color Conversion

Color Schemes with #b222ff

Alternatives to #b222ff

#b222ff Preview

Shades and Tints of #b222ff

Tones of #b222ff

Color Blindness Simulator