#b22ccc hex color

In a RGB color space, hex #b22ccc is composed of 69.8% red, 17.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 78.4% magenta, 0% yellow and 20% black. It has a hue angle of 290.3 degrees, a saturation of 64.5% and a lightness of 48.6%. #b22ccc color hex could be obtained by blending #ff58ff with #650099. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 70
- G 17
- B 80
RGB color chart
- C 13
- M 78
- Y 0
- K 20
CMYK color chart

● #b22ccc color description : Strong magenta.

The hexadecimal color #b22ccc has RGB values of R:178, G:44, B:204 and CMYK values of C:0.13, M:0.78, Y:0, K:0.2. Its decimal value is 11676876.

Hex triplet	b22ccc	`#b22ccc`
RGB Decimal	178, 44, 204	`rgb(178,44,204)`
RGB Percent	69.8, 17.3, 80	`rgb(69.8%,17.3%,80%)`
CMYK	13, 78, 0, 20
HSL	290.3°, 64.5, 48.6	`hsl(290.3,64.5%,48.6%)`
HSV (or HSB)	290.3°, 78.4, 80
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.482, 71.713, -54.911
XYZ	30.159, 15.627, 58.551
xyY	0.289, 0.15, 15.627
CIE-LCH	46.482, 90.321, 322.559
CIE-LUV	46.482, 46.039, -89.943
Hunter-Lab	39.532, 66.997, -60.144
Binary	10110010, 00101100, 11001100

#b22ccc
```
#b22ccc rgb(178,44,204)
```
#46cc2c
```
#46cc2c rgb(70,204,44)
```

Complementary Color

#622ccc
```
#622ccc rgb(98,44,204)
```
#b22ccc
```
#b22ccc rgb(178,44,204)
```
#cc2c96
```
#cc2c96 rgb(204,44,150)
```

Analogous Color

#2ccc62
```
#2ccc62 rgb(44,204,98)
```
#b22ccc
```
#b22ccc rgb(178,44,204)
```
#96cc2c
```
#96cc2c rgb(150,204,44)
```

Split Complementary Color

#2cccb2
```
#2cccb2 rgb(44,204,178)
```
#b22ccc
```
#b22ccc rgb(178,44,204)
```
#ccb22c
```
#ccb22c rgb(204,178,44)
```

Triadic Color

#2c46cc
```
#2c46cc rgb(44,70,204)
```
#b22ccc
```
#b22ccc rgb(178,44,204)
```
#ccb22c
```
#ccb22c rgb(204,178,44)
```
#46cc2c
```
#46cc2c rgb(70,204,44)
```

Tetradic Color

#7b1e8d
```
#7b1e8d rgb(123,30,141)
```
#8d23a2
```
#8d23a2 rgb(141,35,162)
```
#a027b7
```
#a027b7 rgb(160,39,183)
```
#b22ccc
```
#b22ccc rgb(178,44,204)
```
#bc3cd5
```
#bc3cd5 rgb(188,60,213)
```
#c351da
```
#c351da rgb(195,81,218)
```
#cb66de
```
#cb66de rgb(203,102,222)
```

Monochromatic Color

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

#8a2ccc
```
#8a2ccc rgb(138,44,204)
```
#972ccc
```
#972ccc rgb(151,44,204)
```
#a52ccc
```
#a52ccc rgb(165,44,204)
```
#b22ccc
```
#b22ccc rgb(178,44,204)
```
#bf2ccc
```
#bf2ccc rgb(191,44,204)
```
#cc2ccb
```
#cc2ccb rgb(204,44,203)
```
#cc2cbe
```
#cc2cbe rgb(204,44,190)
```

Similar Colors

Text with hexadecimal color #b22ccc

This text has a font color of #b22ccc.

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

#b22ccc background color

This paragraph has a background color of #b22ccc.

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

#b22ccc border color

This element has a border color of #b22ccc.

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

CSS codes

.text {color:#b22ccc;}

.background {background-color:#b22ccc;}

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

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, #09020a is the darkest color, while #fdf9fe is the lightest one.

#09020a
```
#09020a rgb(9,2,10)
```
#17061b
```
#17061b rgb(23,6,27)
```
#25092b
```
#25092b rgb(37,9,43)
```
#330d3b
```
#330d3b rgb(51,13,59)
```
#41104b
```
#41104b rgb(65,16,75)
```
#4f145b
```
#4f145b rgb(79,20,91)
```
#5e176b
```
#5e176b rgb(94,23,107)
```
#6c1b7b
```
#6c1b7b rgb(108,27,123)
```
#7a1e8b
```
#7a1e8b rgb(122,30,139)
```
#88229c
```
#88229c rgb(136,34,156)
```
#9625ac
```
#9625ac rgb(150,37,172)
```
#a429bc
```
#a429bc rgb(164,41,188)
```
#b22ccc
```
#b22ccc rgb(178,44,204)
```

Shade Color Variation

#bb38d4
```
#bb38d4 rgb(187,56,212)
```
#c048d7
```
#c048d7 rgb(192,72,215)
```
#c658db
```
#c658db rgb(198,88,219)
```
#cb68de
```
#cb68de rgb(203,104,222)
```
#d178e2
```
#d178e2 rgb(209,120,226)
```
#d688e5
```
#d688e5 rgb(214,136,229)
```
#dc98e9
```
#dc98e9 rgb(220,152,233)
```
#e1a9ec
```
#e1a9ec rgb(225,169,236)
```
#e7b9f0
```
#e7b9f0 rgb(231,185,240)
```
#ecc9f3
```
#ecc9f3 rgb(236,201,243)
```
#f2d9f7
```
#f2d9f7 rgb(242,217,247)
```
#f7e9fa
```
#f7e9fa rgb(247,233,250)
```
#fdf9fe
```
#fdf9fe rgb(253,249,254)
```

Tint Color Variation

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

#7e7880
```
#7e7880 rgb(126,120,128)
```
#856f89
```
#856f89 rgb(133,111,137)
```
#8b6593
```
#8b6593 rgb(139,101,147)
```
#925c9c
```
#925c9c rgb(146,92,156)
```
#9852a6
```
#9852a6 rgb(152,82,166)
```
#9f49af
```
#9f49af rgb(159,73,175)
```
#a53fb9
```
#a53fb9 rgb(165,63,185)
```
#ac36c2
```
#ac36c2 rgb(172,54,194)
```
#b22ccc
```
#b22ccc rgb(178,44,204)
```
#b822d6
```
#b822d6 rgb(184,34,214)
```
#bf19df
```
#bf19df rgb(191,25,223)
```
#c50fe9
```
#c50fe9 rgb(197,15,233)
```
#cc06f2
```
#cc06f2 rgb(204,6,242)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#755a7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#3c76bd Deuteranopia 1% of men
#a66168 Tritanopia 0.001% of the population

Trichromacy

#4058d8 Protanomaly 1% of men, 0.01% of women
#665bc2 Deuteranomaly 6% of men, 0.4% of women
#aa4e8c Tritanomaly 0.01% of the population

#b22ccc hex color

#b22ccc Color Information

#b22ccc Color Conversion

Color Schemes with #b22ccc

Alternatives to #b22ccc

#b22ccc Preview

Shades and Tints of #b22ccc

Tones of #b22ccc

Color Blindness Simulator