#b22dff hex color

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

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

● #b22dff color description : Vivid violet.

The hexadecimal color #b22dff has RGB values of R:178, G:45, B:255 and CMYK values of C:0.3, M:0.82, Y:0, K:0. Its decimal value is 11677183.

Hex triplet	b22dff	`#b22dff`
RGB Decimal	178, 45, 255	`rgb(178,45,255)`
RGB Percent	69.8, 17.6, 100	`rgb(69.8%,17.6%,100%)`
CMYK	30, 82, 0, 0
HSL	278°, 100, 58.8	`hsl(278,100%,58.8%)`
HSV (or HSB)	278°, 82.4, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	50.172, 80.994, -77.835
XYZ	37.346, 18.563, 96.218
xyY	0.245, 0.122, 18.563
CIE-LCH	50.172, 112.331, 316.14
CIE-LUV	50.172, 32.158, -125.19
Hunter-Lab	43.084, 79.327, -102.25
Binary	10110010, 00101101, 11111111

#b22dff
```
#b22dff rgb(178,45,255)
```
#7aff2d
```
#7aff2d rgb(122,255,45)
```

Complementary Color

#492dff
```
#492dff rgb(73,45,255)
```
#b22dff
```
#b22dff rgb(178,45,255)
```
#ff2de3
```
#ff2de3 rgb(255,45,227)
```

Analogous Color

#2dff49
```
#2dff49 rgb(45,255,73)
```
#b22dff
```
#b22dff rgb(178,45,255)
```
#e3ff2d
```
#e3ff2d rgb(227,255,45)
```

Split Complementary Color

#2dffb2
```
#2dffb2 rgb(45,255,178)
```
#b22dff
```
#b22dff rgb(178,45,255)
```
#ffb22d
```
#ffb22d rgb(255,178,45)
```

Triadic Color

#2d7aff
```
#2d7aff rgb(45,122,255)
```
#b22dff
```
#b22dff rgb(178,45,255)
```
#ffb22d
```
#ffb22d rgb(255,178,45)
```
#7aff2d
```
#7aff2d rgb(122,255,45)
```

Tetradic Color

#8e00e0
```
#8e00e0 rgb(142,0,224)
```
#9e00f9
```
#9e00f9 rgb(158,0,249)
```
#a914ff
```
#a914ff rgb(169,20,255)
```
#b22dff
```
#b22dff rgb(178,45,255)
```
#bb47ff
```
#bb47ff rgb(187,71,255)
```
#c560ff
```
#c560ff rgb(197,96,255)
```
#ce7aff
```
#ce7aff rgb(206,122,255)
```

Monochromatic Color

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

#7e2dff
```
#7e2dff rgb(126,45,255)
```
#8f2dff
```
#8f2dff rgb(143,45,255)
```
#a12dff
```
#a12dff rgb(161,45,255)
```
#b22dff
```
#b22dff rgb(178,45,255)
```
#c42dff
```
#c42dff rgb(196,45,255)
```
#d52dff
```
#d52dff rgb(213,45,255)
```
#e72dff
```
#e72dff rgb(231,45,255)
```

Similar Colors

Text with hexadecimal color #b22dff

This text has a font color of #b22dff.

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

#b22dff background color

This paragraph has a background color of #b22dff.

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

#b22dff border color

This element has a border color of #b22dff.

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

CSS codes

.text {color:#b22dff;}

.background {background-color:#b22dff;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#100019
```
#100019 rgb(16,0,25)
```
#1d002d
```
#1d002d rgb(29,0,45)
```
#290041
```
#290041 rgb(41,0,65)
```
#350054
```
#350054 rgb(53,0,84)
```
#420068
```
#420068 rgb(66,0,104)
```
#4e007b
```
#4e007b rgb(78,0,123)
```
#5b008f
```
#5b008f rgb(91,0,143)
```
#6700a3
```
#6700a3 rgb(103,0,163)
```
#7300b6
```
#7300b6 rgb(115,0,182)
```
#8000ca
```
#8000ca rgb(128,0,202)
```
#8c00de
```
#8c00de rgb(140,0,222)
```
#9900f1
```
#9900f1 rgb(153,0,241)
```

Shade Color Variation

#a406ff
```
#a406ff rgb(164,6,255)
```
#ab19ff
```
#ab19ff rgb(171,25,255)
```
#b22dff
```
#b22dff rgb(178,45,255)
```
#b941ff
```
#b941ff rgb(185,65,255)
```
#c054ff
```
#c054ff rgb(192,84,255)
```
#c868ff
```
#c868ff rgb(200,104,255)
```
#cf7bff
```
#cf7bff rgb(207,123,255)
```
#d68fff
```
#d68fff rgb(214,143,255)
```
#dda3ff
```
#dda3ff rgb(221,163,255)
```
#e4b6ff
```
#e4b6ff rgb(228,182,255)
```
#eccaff
```
#eccaff rgb(236,202,255)
```
#f3deff
```
#f3deff rgb(243,222,255)
```
#faf1ff
```
#faf1ff rgb(250,241,255)
```

Tint Color Variation

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

#988e9e
```
#988e9e rgb(152,142,158)
```
#9a86a6
```
#9a86a6 rgb(154,134,166)
```
#9c7eae
```
#9c7eae rgb(156,126,174)
```
#9f76b6
```
#9f76b6 rgb(159,118,182)
```
#a16ebe
```
#a16ebe rgb(161,110,190)
```
#a366c6
```
#a366c6 rgb(163,102,198)
```
#a55dcf
```
#a55dcf rgb(165,93,207)
```
#a755d7
```
#a755d7 rgb(167,85,215)
```
#a94ddf
```
#a94ddf rgb(169,77,223)
```
#ac45e7
```
#ac45e7 rgb(172,69,231)
```
#ae3def
```
#ae3def rgb(174,61,239)
```
#b035f7
```
#b035f7 rgb(176,53,247)
```
#b22dff
```
#b22dff rgb(178,45,255)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7b608a Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aee Protanopia 1% of men
#0081d3 Deuteranopia 1% of men
#9a747c Tritanopia 0.001% of the population

Trichromacy

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

#b22dff hex color

#b22dff Color Information

#b22dff Color Conversion

Color Schemes with #b22dff

Alternatives to #b22dff

#b22dff Preview

Shades and Tints of #b22dff

Tones of #b22dff

Color Blindness Simulator