#b22cff hex color

In a RGB color space, hex #b22cff is composed of 69.8% red, 17.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 82.7% magenta, 0% yellow and 0% black. It has a hue angle of 278.1 degrees, a saturation of 100% and a lightness of 58.6%. #b22cff color hex could be obtained by blending #ff58ff with #6500ff. 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

● #b22cff color description : Vivid violet.

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

Hex triplet	b22cff	`#b22cff`
RGB Decimal	178, 44, 255	`rgb(178,44,255)`
RGB Percent	69.8, 17.3, 100	`rgb(69.8%,17.3%,100%)`
CMYK	30, 83, 0, 0
HSL	278.1°, 100, 58.6	`hsl(278.1,100%,58.6%)`
HSV (or HSB)	278.1°, 82.7, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	50.082, 81.258, -77.981
XYZ	37.308, 18.487, 96.205
xyY	0.245, 0.122, 18.487
CIE-LCH	50.082, 112.623, 316.179
CIE-LUV	50.082, 32.259, -125.339
Hunter-Lab	42.997, 79.639, -102.563
Binary	10110010, 00101100, 11111111

#b22cff
```
#b22cff rgb(178,44,255)
```
#79ff2c
```
#79ff2c rgb(121,255,44)
```

Complementary Color

#492cff
```
#492cff rgb(73,44,255)
```
#b22cff
```
#b22cff rgb(178,44,255)
```
#ff2ce3
```
#ff2ce3 rgb(255,44,227)
```

Analogous Color

#2cff49
```
#2cff49 rgb(44,255,73)
```
#b22cff
```
#b22cff rgb(178,44,255)
```
#e3ff2c
```
#e3ff2c rgb(227,255,44)
```

Split Complementary Color

#2cffb2
```
#2cffb2 rgb(44,255,178)
```
#b22cff
```
#b22cff rgb(178,44,255)
```
#ffb22c
```
#ffb22c rgb(255,178,44)
```

Triadic Color

#2c79ff
```
#2c79ff rgb(44,121,255)
```
#b22cff
```
#b22cff rgb(178,44,255)
```
#ffb22c
```
#ffb22c rgb(255,178,44)
```
#79ff2c
```
#79ff2c rgb(121,255,44)
```

Tetradic Color

#8d00df
```
#8d00df rgb(141,0,223)
```
#9d00f8
```
#9d00f8 rgb(157,0,248)
```
#a913ff
```
#a913ff rgb(169,19,255)
```
#b22cff
```
#b22cff rgb(178,44,255)
```
#bb46ff
```
#bb46ff rgb(187,70,255)
```
#c55fff
```
#c55fff rgb(197,95,255)
```
#ce79ff
```
#ce79ff rgb(206,121,255)
```

Monochromatic Color

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

#7d2cff
```
#7d2cff rgb(125,44,255)
```
#8f2cff
```
#8f2cff rgb(143,44,255)
```
#a02cff
```
#a02cff rgb(160,44,255)
```
#b22cff
```
#b22cff rgb(178,44,255)
```
#c42cff
```
#c42cff rgb(196,44,255)
```
#d52cff
```
#d52cff rgb(213,44,255)
```
#e72cff
```
#e72cff rgb(231,44,255)
```

Similar Colors

Text with hexadecimal color #b22cff

This text has a font color of #b22cff.

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

#b22cff background color

This paragraph has a background color of #b22cff.

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

#b22cff border color

This element has a border color of #b22cff.

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

CSS codes

.text {color:#b22cff;}

.background {background-color:#b22cff;}

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

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

#030005
```
#030005 rgb(3,0,5)
```
#0f0018
```
#0f0018 rgb(15,0,24)
```
#1c002c
```
#1c002c rgb(28,0,44)
```
#280040
```
#280040 rgb(40,0,64)
```
#350053
```
#350053 rgb(53,0,83)
```
#410067
```
#410067 rgb(65,0,103)
```
#4e007a
```
#4e007a rgb(78,0,122)
```
#5a008e
```
#5a008e rgb(90,0,142)
```
#6700a2
```
#6700a2 rgb(103,0,162)
```
#7300b5
```
#7300b5 rgb(115,0,181)
```
#8000c9
```
#8000c9 rgb(128,0,201)
```
#8c00dd
```
#8c00dd rgb(140,0,221)
```
#9900f0
```
#9900f0 rgb(153,0,240)
```

Shade Color Variation

#a405ff
```
#a405ff rgb(164,5,255)
```
#ab18ff
```
#ab18ff rgb(171,24,255)
```
#b22cff
```
#b22cff rgb(178,44,255)
```
#b940ff
```
#b940ff rgb(185,64,255)
```
#c053ff
```
#c053ff rgb(192,83,255)
```
#c767ff
```
#c767ff rgb(199,103,255)
```
#cf7aff
```
#cf7aff rgb(207,122,255)
```
#d68eff
```
#d68eff rgb(214,142,255)
```
#dda2ff
```
#dda2ff rgb(221,162,255)
```
#e4b5ff
```
#e4b5ff rgb(228,181,255)
```
#ebc9ff
```
#ebc9ff rgb(235,201,255)
```
#f2ddff
```
#f2ddff rgb(242,221,255)
```
#faf0ff
```
#faf0ff rgb(250,240,255)
```

Tint Color Variation

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

#988d9e
```
#988d9e rgb(152,141,158)
```
#9a85a6
```
#9a85a6 rgb(154,133,166)
```
#9c7dae
```
#9c7dae rgb(156,125,174)
```
#9e75b6
```
#9e75b6 rgb(158,117,182)
```
#a06dbe
```
#a06dbe rgb(160,109,190)
```
#a365c6
```
#a365c6 rgb(163,101,198)
```
#a55dce
```
#a55dce rgb(165,93,206)
```
#a755d6
```
#a755d6 rgb(167,85,214)
```
#a94cdf
```
#a94cdf rgb(169,76,223)
```
#ab44e7
```
#ab44e7 rgb(171,68,231)
```
#ae3cef
```
#ae3cef rgb(174,60,239)
```
#b034f7
```
#b034f7 rgb(176,52,247)
```
#b22cff
```
#b22cff rgb(178,44,255)
```

Tone Color Variation

Below, you can see how #b22cff 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
#9a747c Tritanopia 0.001% of the population

Trichromacy

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

#b22cff hex color

#b22cff Color Information

#b22cff Color Conversion

Color Schemes with #b22cff

Alternatives to #b22cff

#b22cff Preview

Shades and Tints of #b22cff

Tones of #b22cff

Color Blindness Simulator