#b22cfe hex color

In a RGB color space, hex #b22cfe is composed of 69.8% red, 17.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 29.9% cyan, 82.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 278.3 degrees, a saturation of 99.1% and a lightness of 58.4%. #b22cfe color hex could be obtained by blending #ff58ff with #6500fd. Closest websafe color is: #9933ff.

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

● #b22cfe color description : Bright violet.

The hexadecimal color #b22cfe has RGB values of R:178, G:44, B:254 and CMYK values of C:0.3, M:0.83, Y:0, K:0. Its decimal value is 11676926.

Hex triplet	b22cfe	`#b22cfe`
RGB Decimal	178, 44, 254	`rgb(178,44,254)`
RGB Percent	69.8, 17.3, 99.6	`rgb(69.8%,17.3%,99.6%)`
CMYK	30, 83, 0, 0
HSL	278.3°, 99.1, 58.4	`hsl(278.3,99.1%,58.4%)`
HSV (or HSB)	278.3°, 82.7, 99.6
Web Safe	9933ff	`#9933ff`

CIE-LAB	50.005, 81.062, -77.549
XYZ	37.148, 18.423, 95.36
xyY	0.246, 0.122, 18.423
CIE-LCH	50.005, 112.183, 316.269
CIE-LUV	50.005, 32.495, -124.679
Hunter-Lab	42.922, 79.372, -101.679
Binary	10110010, 00101100, 11111110

#b22cfe
```
#b22cfe rgb(178,44,254)
```
#78fe2c
```
#78fe2c rgb(120,254,44)
```

Complementary Color

#492cfe
```
#492cfe rgb(73,44,254)
```
#b22cfe
```
#b22cfe rgb(178,44,254)
```
#fe2ce1
```
#fe2ce1 rgb(254,44,225)
```

Analogous Color

#2cfe49
```
#2cfe49 rgb(44,254,73)
```
#b22cfe
```
#b22cfe rgb(178,44,254)
```
#e1fe2c
```
#e1fe2c rgb(225,254,44)
```

Split Complementary Color

#2cfeb2
```
#2cfeb2 rgb(44,254,178)
```
#b22cfe
```
#b22cfe rgb(178,44,254)
```
#feb22c
```
#feb22c rgb(254,178,44)
```

Triadic Color

#2c78fe
```
#2c78fe rgb(44,120,254)
```
#b22cfe
```
#b22cfe rgb(178,44,254)
```
#feb22c
```
#feb22c rgb(254,178,44)
```
#78fe2c
```
#78fe2c rgb(120,254,44)
```

Tetradic Color

#8d01dc
```
#8d01dc rgb(141,1,220)
```
#9d01f6
```
#9d01f6 rgb(157,1,246)
```
#a913fe
```
#a913fe rgb(169,19,254)
```
#b22cfe
```
#b22cfe rgb(178,44,254)
```
#bb45fe
```
#bb45fe rgb(187,69,254)
```
#c55ffe
```
#c55ffe rgb(197,95,254)
```
#ce78fe
```
#ce78fe rgb(206,120,254)
```

Monochromatic Color

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

#7e2cfe
```
#7e2cfe rgb(126,44,254)
```
#8f2cfe
```
#8f2cfe rgb(143,44,254)
```
#a12cfe
```
#a12cfe rgb(161,44,254)
```
#b22cfe
```
#b22cfe rgb(178,44,254)
```
#c42cfe
```
#c42cfe rgb(196,44,254)
```
#d52cfe
```
#d52cfe rgb(213,44,254)
```
#e72cfe
```
#e72cfe rgb(231,44,254)
```

Similar Colors

Text with hexadecimal color #b22cfe

This text has a font color of #b22cfe.

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

#b22cfe background color

This paragraph has a background color of #b22cfe.

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

#b22cfe border color

This element has a border color of #b22cfe.

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

CSS codes

.text {color:#b22cfe;}

.background {background-color:#b22cfe;}

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0f0017
```
#0f0017 rgb(15,0,23)
```
#1b002b
```
#1b002b rgb(27,0,43)
```
#28003e
```
#28003e rgb(40,0,62)
```
#340052
```
#340052 rgb(52,0,82)
```
#410065
```
#410065 rgb(65,0,101)
```
#4d0179
```
#4d0179 rgb(77,1,121)
```
#5a018c
```
#5a018c rgb(90,1,140)
```
#6601a0
```
#6601a0 rgb(102,1,160)
```
#7301b3
```
#7301b3 rgb(115,1,179)
```
#7f01c7
```
#7f01c7 rgb(127,1,199)
```
#8c01db
```
#8c01db rgb(140,1,219)
```
#9801ee
```
#9801ee rgb(152,1,238)
```

Shade Color Variation

#a405fe
```
#a405fe rgb(164,5,254)
```
#ab18fe
```
#ab18fe rgb(171,24,254)
```
#b22cfe
```
#b22cfe rgb(178,44,254)
```
#b940fe
```
#b940fe rgb(185,64,254)
```
#c053fe
```
#c053fe rgb(192,83,254)
```
#c767fe
```
#c767fe rgb(199,103,254)
```
#ce7afe
```
#ce7afe rgb(206,122,254)
```
#d68efe
```
#d68efe rgb(214,142,254)
```
#dda1ff
```
#dda1ff rgb(221,161,255)
```
#e4b5ff
```
#e4b5ff rgb(228,181,255)
```
#ebc8ff
```
#ebc8ff rgb(235,200,255)
```
#f2dcff
```
#f2dcff rgb(242,220,255)
```
#f9efff
```
#f9efff rgb(249,239,255)
```

Tint Color Variation

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

#978e9c
```
#978e9c rgb(151,142,156)
```
#9986a4
```
#9986a4 rgb(153,134,164)
```
#9b7eac
```
#9b7eac rgb(155,126,172)
```
#9e75b5
```
#9e75b5 rgb(158,117,181)
```
#a06dbd
```
#a06dbd rgb(160,109,189)
```
#a265c5
```
#a265c5 rgb(162,101,197)
```
#a45dcd
```
#a45dcd rgb(164,93,205)
```
#a755d5
```
#a755d5 rgb(167,85,213)
```
#a94ddd
```
#a94ddd rgb(169,77,221)
```
#ab44e6
```
#ab44e6 rgb(171,68,230)
```
#ad3cee
```
#ad3cee rgb(173,60,238)
```
#b034f6
```
#b034f6 rgb(176,52,246)
```
#b22cfe
```
#b22cfe rgb(178,44,254)
```

Tone Color Variation

Below, you can see how #b22cfe 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
#7a5f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aee Protanopia 1% of men
#0080d2 Deuteranopia 1% of men
#9a737b Tritanopia 0.001% of the population

Trichromacy

#405df3 Protanomaly 1% of men, 0.01% of women
#4061e2 Deuteranomaly 6% of men, 0.4% of women
#a359ab Tritanomaly 0.01% of the population

#b22cfe hex color

#b22cfe Color Information

#b22cfe Color Conversion

Color Schemes with #b22cfe

Alternatives to #b22cfe

#b22cfe Preview

Shades and Tints of #b22cfe

Tones of #b22cfe

Color Blindness Simulator