#b22ff2 hex color

In a RGB color space, hex #b22ff2 is composed of 69.8% red, 18.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 26.4% cyan, 80.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 280.3 degrees, a saturation of 88.2% and a lightness of 56.7%. #b22ff2 color hex could be obtained by blending #ff5eff with #6500e5. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 70
- G 18
- B 95
RGB color chart
- C 26
- M 81
- Y 0
- K 5
CMYK color chart

● #b22ff2 color description : Bright violet.

The hexadecimal color #b22ff2 has RGB values of R:178, G:47, B:242 and CMYK values of C:0.26, M:0.81, Y:0, K:0.05. Its decimal value is 11677682.

Hex triplet	b22ff2	`#b22ff2`
RGB Decimal	178, 47, 242	`rgb(178,47,242)`
RGB Percent	69.8, 18.4, 94.9	`rgb(69.8%,18.4%,94.9%)`
CMYK	26, 81, 0, 5
HSL	280.3°, 88.2, 56.7	`hsl(280.3,88.2%,56.7%)`
HSV (or HSB)	280.3°, 80.6, 94.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.387, 77.908, -71.845
XYZ	35.401, 17.91, 85.592
xyY	0.255, 0.129, 17.91
CIE-LCH	49.387, 105.979, 317.318
CIE-LUV	49.387, 35.09, -116.157
Hunter-Lab	42.32, 75.258, -90.289
Binary	10110010, 00101111, 11110010

#b22ff2
```
#b22ff2 rgb(178,47,242)
```
#6ff22f
```
#6ff22f rgb(111,242,47)
```

Complementary Color

#502ff2
```
#502ff2 rgb(80,47,242)
```
#b22ff2
```
#b22ff2 rgb(178,47,242)
```
#f22fd1
```
#f22fd1 rgb(242,47,209)
```

Analogous Color

#2ff250
```
#2ff250 rgb(47,242,80)
```
#b22ff2
```
#b22ff2 rgb(178,47,242)
```
#d1f22f
```
#d1f22f rgb(209,242,47)
```

Split Complementary Color

#2ff2b2
```
#2ff2b2 rgb(47,242,178)
```
#b22ff2
```
#b22ff2 rgb(178,47,242)
```
#f2b22f
```
#f2b22f rgb(242,178,47)
```

Triadic Color

#2f6ff2
```
#2f6ff2 rgb(47,111,242)
```
#b22ff2
```
#b22ff2 rgb(178,47,242)
```
#f2b22f
```
#f2b22f rgb(242,178,47)
```
#6ff22f
```
#6ff22f rgb(111,242,47)
```

Tetradic Color

#8a0dc8
```
#8a0dc8 rgb(138,13,200)
```
#9b0ee0
```
#9b0ee0 rgb(155,14,224)
```
#a917f1
```
#a917f1 rgb(169,23,241)
```
#b22ff2
```
#b22ff2 rgb(178,47,242)
```
#bb47f4
```
#bb47f4 rgb(187,71,244)
```
#c45ff5
```
#c45ff5 rgb(196,95,245)
```
#cd77f7
```
#cd77f7 rgb(205,119,247)
```

Monochromatic Color

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

#812ff2
```
#812ff2 rgb(129,47,242)
```
#922ff2
```
#922ff2 rgb(146,47,242)
```
#a22ff2
```
#a22ff2 rgb(162,47,242)
```
#b22ff2
```
#b22ff2 rgb(178,47,242)
```
#c22ff2
```
#c22ff2 rgb(194,47,242)
```
#d32ff2
```
#d32ff2 rgb(211,47,242)
```
#e32ff2
```
#e32ff2 rgb(227,47,242)
```

Similar Colors

Text with hexadecimal color #b22ff2

This text has a font color of #b22ff2.

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

#b22ff2 background color

This paragraph has a background color of #b22ff2.

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

#b22ff2 border color

This element has a border color of #b22ff2.

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

CSS codes

.text {color:#b22ff2;}

.background {background-color:#b22ff2;}

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

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

#09010e
```
#09010e rgb(9,1,14)
```
#160220
```
#160220 rgb(22,2,32)
```
#230332
```
#230332 rgb(35,3,50)
```
#300445
```
#300445 rgb(48,4,69)
```
#3c0557
```
#3c0557 rgb(60,5,87)
```
#49076a
```
#49076a rgb(73,7,106)
```
#56087c
```
#56087c rgb(86,8,124)
```
#63098f
```
#63098f rgb(99,9,143)
```
#700aa1
```
#700aa1 rgb(112,10,161)
```
#7c0bb4
```
#7c0bb4 rgb(124,11,180)
```
#890cc6
```
#890cc6 rgb(137,12,198)
```
#960ed9
```
#960ed9 rgb(150,14,217)
```
#a30feb
```
#a30feb rgb(163,15,235)
```

Shade Color Variation

#ab1df1
```
#ab1df1 rgb(171,29,241)
```
#b22ff2
```
#b22ff2 rgb(178,47,242)
```
#b941f3
```
#b941f3 rgb(185,65,243)
```
#c054f4
```
#c054f4 rgb(192,84,244)
```
#c766f5
```
#c766f5 rgb(199,102,245)
```
#cd79f7
```
#cd79f7 rgb(205,121,247)
```
#d48bf8
```
#d48bf8 rgb(212,139,248)
```
#db9ef9
```
#db9ef9 rgb(219,158,249)
```
#e2b0fa
```
#e2b0fa rgb(226,176,250)
```
#e9c3fb
```
#e9c3fb rgb(233,195,251)
```
#f0d5fc
```
#f0d5fc rgb(240,213,252)
```
#f6e8fe
```
#f6e8fe rgb(246,232,254)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#928d95
```
#928d95 rgb(146,141,149)
```
#95849d
```
#95849d rgb(149,132,157)
```
#987ca6
```
#987ca6 rgb(152,124,166)
```
#9b73ae
```
#9b73ae rgb(155,115,174)
```
#9e6bb7
```
#9e6bb7 rgb(158,107,183)
```
#a062bf
```
#a062bf rgb(160,98,191)
```
#a35ac8
```
#a35ac8 rgb(163,90,200)
```
#a651d0
```
#a651d0 rgb(166,81,208)
```
#a949d9
```
#a949d9 rgb(169,73,217)
```
#ac40e1
```
#ac40e1 rgb(172,64,225)
```
#af38ea
```
#af38ea rgb(175,56,234)
```
#b22ff2
```
#b22ff2 rgb(178,47,242)
```
#b527fb
```
#b527fb rgb(181,39,251)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7a6087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#9e7077 Tritanopia 0.001% of the population

Trichromacy

#405eed Protanomaly 1% of men, 0.01% of women
#4061dd Deuteranomaly 6% of men, 0.4% of women
#a558a4 Tritanomaly 0.01% of the population

#b22ff2 hex color

#b22ff2 Color Information

#b22ff2 Color Conversion

Color Schemes with #b22ff2

Alternatives to #b22ff2

#b22ff2 Preview

Shades and Tints of #b22ff2

Tones of #b22ff2

Color Blindness Simulator