#b22aec hex color

In a RGB color space, hex #b22aec is composed of 69.8% red, 16.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 82.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 282.1 degrees, a saturation of 83.6% and a lightness of 54.5%. #b22aec color hex could be obtained by blending #ff54ff with #6500d9. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 70
- G 16
- B 93
RGB color chart
- C 25
- M 82
- Y 0
- K 7
CMYK color chart

● #b22aec color description : Bright violet.

The hexadecimal color #b22aec has RGB values of R:178, G:42, B:236 and CMYK values of C:0.25, M:0.82, Y:0, K:0.07. Its decimal value is 11676396.

Hex triplet	b22aec	`#b22aec`
RGB Decimal	178, 42, 236	`rgb(178,42,236)`
RGB Percent	69.8, 16.5, 92.5	`rgb(69.8%,16.5%,92.5%)`
CMYK	25, 82, 0, 7
HSL	282.1°, 83.6, 54.5	`hsl(282.1,83.6%,54.5%)`
HSV (or HSB)	282.1°, 82.2, 92.5
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.484, 78.121, -69.936
XYZ	34.326, 17.178, 80.86
xyY	0.259, 0.13, 17.178
CIE-LCH	48.484, 104.852, 318.164
CIE-LUV	48.484, 37.192, -112.903
Hunter-Lab	41.447, 75.303, -86.659
Binary	10110010, 00101010, 11101100

#b22aec
```
#b22aec rgb(178,42,236)
```
#64ec2a
```
#64ec2a rgb(100,236,42)
```

Complementary Color

#512aec
```
#512aec rgb(81,42,236)
```
#b22aec
```
#b22aec rgb(178,42,236)
```
#ec2ac5
```
#ec2ac5 rgb(236,42,197)
```

Analogous Color

#2aec51
```
#2aec51 rgb(42,236,81)
```
#b22aec
```
#b22aec rgb(178,42,236)
```
#c5ec2a
```
#c5ec2a rgb(197,236,42)
```

Split Complementary Color

#2aecb2
```
#2aecb2 rgb(42,236,178)
```
#b22aec
```
#b22aec rgb(178,42,236)
```
#ecb22a
```
#ecb22a rgb(236,178,42)
```

Triadic Color

#2a64ec
```
#2a64ec rgb(42,100,236)
```
#b22aec
```
#b22aec rgb(178,42,236)
```
#ecb22a
```
#ecb22a rgb(236,178,42)
```
#64ec2a
```
#64ec2a rgb(100,236,42)
```

Tetradic Color

#8711b9
```
#8711b9 rgb(135,17,185)
```
#9813d0
```
#9813d0 rgb(152,19,208)
```
#a915e8
```
#a915e8 rgb(169,21,232)
```
#b22aec
```
#b22aec rgb(178,42,236)
```
#ba41ee
```
#ba41ee rgb(186,65,238)
```
#c359f0
```
#c359f0 rgb(195,89,240)
```
#cb70f2
```
#cb70f2 rgb(203,112,242)
```

Monochromatic Color

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

#822aec
```
#822aec rgb(130,42,236)
```
#922aec
```
#922aec rgb(146,42,236)
```
#a22aec
```
#a22aec rgb(162,42,236)
```
#b22aec
```
#b22aec rgb(178,42,236)
```
#c22aec
```
#c22aec rgb(194,42,236)
```
#d22aec
```
#d22aec rgb(210,42,236)
```
#e32aec
```
#e32aec rgb(227,42,236)
```

Similar Colors

Text with hexadecimal color #b22aec

This text has a font color of #b22aec.

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

#b22aec background color

This paragraph has a background color of #b22aec.

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

#b22aec border color

This element has a border color of #b22aec.

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

CSS codes

.text {color:#b22aec;}

.background {background-color:#b22aec;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0f0215
```
#0f0215 rgb(15,2,21)
```
#1c0327
```
#1c0327 rgb(28,3,39)
```
#2a0539
```
#2a0539 rgb(42,5,57)
```
#37074b
```
#37074b rgb(55,7,75)
```
#44085d
```
#44085d rgb(68,8,93)
```
#510a6f
```
#510a6f rgb(81,10,111)
```
#5e0c81
```
#5e0c81 rgb(94,12,129)
```
#6b0d93
```
#6b0d93 rgb(107,13,147)
```
#780fa5
```
#780fa5 rgb(120,15,165)
```
#8510b7
```
#8510b7 rgb(133,16,183)
```
#9212c9
```
#9212c9 rgb(146,18,201)
```
#a014db
```
#a014db rgb(160,20,219)
```

Shade Color Variation

#ab18ea
```
#ab18ea rgb(171,24,234)
```
#b22aec
```
#b22aec rgb(178,42,236)
```
#b93cee
```
#b93cee rgb(185,60,238)
```
#bf4eef
```
#bf4eef rgb(191,78,239)
```
#c660f1
```
#c660f1 rgb(198,96,241)
```
#cc72f2
```
#cc72f2 rgb(204,114,242)
```
#d384f4
```
#d384f4 rgb(211,132,244)
```
#d996f6
```
#d996f6 rgb(217,150,246)
```
#e0a8f7
```
#e0a8f7 rgb(224,168,247)
```
#e6baf9
```
#e6baf9 rgb(230,186,249)
```
#edccfa
```
#edccfa rgb(237,204,250)
```
#f3defc
```
#f3defc rgb(243,222,252)
```
#faf0fe
```
#faf0fe rgb(250,240,254)
```

Tint Color Variation

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

#8e8393
```
#8e8393 rgb(142,131,147)
```
#927a9c
```
#927a9c rgb(146,122,156)
```
#9571a5
```
#9571a5 rgb(149,113,165)
```
#9968ae
```
#9968ae rgb(153,104,174)
```
#9c60b6
```
#9c60b6 rgb(156,96,182)
```
#a057bf
```
#a057bf rgb(160,87,191)
```
#a44ec8
```
#a44ec8 rgb(164,78,200)
```
#a745d1
```
#a745d1 rgb(167,69,209)
```
#ab3cda
```
#ab3cda rgb(171,60,218)
```
#ae33e3
```
#ae33e3 rgb(174,51,227)
```
#b22aec
```
#b22aec rgb(178,42,236)
```
#b621f5
```
#b621f5 rgb(182,33,245)
```
#b918fe
```
#b918fe rgb(185,24,254)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#785c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007ccd Deuteranopia 1% of men
#9f6c73 Tritanopia 0.001% of the population

Trichromacy

#405ae9 Protanomaly 1% of men, 0.01% of women
#405ed8 Deuteranomaly 6% of men, 0.4% of women
#a6549f Tritanomaly 0.01% of the population

#b22aec hex color

#b22aec Color Information

#b22aec Color Conversion

Color Schemes with #b22aec

Alternatives to #b22aec

#b22aec Preview

Shades and Tints of #b22aec

Tones of #b22aec

Color Blindness Simulator