#b22cd8 hex color

In a RGB color space, hex #b22cd8 is composed of 69.8% red, 17.3% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 79.6% magenta, 0% yellow and 15.3% black. It has a hue angle of 286.7 degrees, a saturation of 68.8% and a lightness of 51%. #b22cd8 color hex could be obtained by blending #ff58ff with #6500b1. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 70
- G 17
- B 85
RGB color chart
- C 18
- M 80
- Y 0
- K 15
CMYK color chart

● #b22cd8 color description : Strong magenta.

The hexadecimal color #b22cd8 has RGB values of R:178, G:44, B:216 and CMYK values of C:0.18, M:0.8, Y:0, K:0.15. Its decimal value is 11676888.

Hex triplet	b22cd8	`#b22cd8`
RGB Decimal	178, 44, 216	`rgb(178,44,216)`
RGB Percent	69.8, 17.3, 84.7	`rgb(69.8%,17.3%,84.7%)`
CMYK	18, 80, 0, 15
HSL	286.7°, 68.8, 51	`hsl(286.7,68.8%,51%)`
HSV (or HSB)	286.7°, 79.6, 84.7
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.269, 73.866, -60.541
XYZ	31.654, 16.226, 66.426
xyY	0.277, 0.142, 16.226
CIE-LCH	47.269, 95.505, 320.662
CIE-LUV	47.269, 42.464, -98.603
Hunter-Lab	40.281, 69.779, -69.577
Binary	10110010, 00101100, 11011000

#b22cd8
```
#b22cd8 rgb(178,44,216)
```
#52d82c
```
#52d82c rgb(82,216,44)
```

Complementary Color

#5c2cd8
```
#5c2cd8 rgb(92,44,216)
```
#b22cd8
```
#b22cd8 rgb(178,44,216)
```
#d82ca8
```
#d82ca8 rgb(216,44,168)
```

Analogous Color

#2cd85c
```
#2cd85c rgb(44,216,92)
```
#b22cd8
```
#b22cd8 rgb(178,44,216)
```
#a8d82c
```
#a8d82c rgb(168,216,44)
```

Split Complementary Color

#2cd8b2
```
#2cd8b2 rgb(44,216,178)
```
#b22cd8
```
#b22cd8 rgb(178,44,216)
```
#d8b22c
```
#d8b22c rgb(216,178,44)
```

Triadic Color

#2c52d8
```
#2c52d8 rgb(44,82,216)
```
#b22cd8
```
#b22cd8 rgb(178,44,216)
```
#d8b22c
```
#d8b22c rgb(216,178,44)
```
#52d82c
```
#52d82c rgb(82,216,44)
```

Tetradic Color

#7f1d9b
```
#7f1d9b rgb(127,29,155)
```
#9121b0
```
#9121b0 rgb(145,33,176)
```
#a225c6
```
#a225c6 rgb(162,37,198)
```
#b22cd8
```
#b22cd8 rgb(178,44,216)
```
#ba42dc
```
#ba42dc rgb(186,66,220)
```
#c257e0
```
#c257e0 rgb(194,87,224)
```
#ca6de4
```
#ca6de4 rgb(202,109,228)
```

Monochromatic Color

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

#872cd8
```
#872cd8 rgb(135,44,216)
```
#952cd8
```
#952cd8 rgb(149,44,216)
```
#a42cd8
```
#a42cd8 rgb(164,44,216)
```
#b22cd8
```
#b22cd8 rgb(178,44,216)
```
#c02cd8
```
#c02cd8 rgb(192,44,216)
```
#cf2cd8
```
#cf2cd8 rgb(207,44,216)
```
#d82cd3
```
#d82cd3 rgb(216,44,211)
```

Similar Colors

Text with hexadecimal color #b22cd8

This text has a font color of #b22cd8.

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

#b22cd8 background color

This paragraph has a background color of #b22cd8.

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

#b22cd8 border color

This element has a border color of #b22cd8.

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

CSS codes

.text {color:#b22cd8;}

.background {background-color:#b22cd8;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#110415
```
#110415 rgb(17,4,21)
```
#1f0725
```
#1f0725 rgb(31,7,37)
```
#2c0a36
```
#2c0a36 rgb(44,10,54)
```
#3a0d46
```
#3a0d46 rgb(58,13,70)
```
#471057
```
#471057 rgb(71,16,87)
```
#551368
```
#551368 rgb(85,19,104)
```
#621678
```
#621678 rgb(98,22,120)
```
#701989
```
#701989 rgb(112,25,137)
```
#7e1c99
```
#7e1c99 rgb(126,28,153)
```
#8b1faa
```
#8b1faa rgb(139,31,170)
```
#9922ba
```
#9922ba rgb(153,34,186)
```
#a626cb
```
#a626cb rgb(166,38,203)
```

Shade Color Variation

#b22cd8
```
#b22cd8 rgb(178,44,216)
```
#b83ddb
```
#b83ddb rgb(184,61,219)
```
#be4dde
```
#be4dde rgb(190,77,222)
```
#c45ee1
```
#c45ee1 rgb(196,94,225)
```
#ca6ee4
```
#ca6ee4 rgb(202,110,228)
```
#d07fe7
```
#d07fe7 rgb(208,127,231)
```
#d68fea
```
#d68fea rgb(214,143,234)
```
#dca0ed
```
#dca0ed rgb(220,160,237)
```
#e2b0f0
```
#e2b0f0 rgb(226,176,240)
```
#e8c1f4
```
#e8c1f4 rgb(232,193,244)
```
#eed2f7
```
#eed2f7 rgb(238,210,247)
```
#f4e2fa
```
#f4e2fa rgb(244,226,250)
```
#faf3fd
```
#faf3fd rgb(250,243,253)
```

Tint Color Variation

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

#87798b
```
#87798b rgb(135,121,139)
```
#8c6f95
```
#8c6f95 rgb(140,111,149)
```
#92669e
```
#92669e rgb(146,102,158)
```
#975ca8
```
#975ca8 rgb(151,92,168)
```
#9d52b2
```
#9d52b2 rgb(157,82,178)
```
#a249bb
```
#a249bb rgb(162,73,187)
```
#a73fc5
```
#a73fc5 rgb(167,63,197)
```
#ad36ce
```
#ad36ce rgb(173,54,206)
```
#b22cd8
```
#b22cd8 rgb(178,44,216)
```
#b722e2
```
#b722e2 rgb(183,34,226)
```
#bd19eb
```
#bd19eb rgb(189,25,235)
```
#c20ff5
```
#c20ff5 rgb(194,15,245)
```
#c706fe
```
#c706fe rgb(199,6,254)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#775c7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#2479c7 Deuteranopia 1% of men
#a4656c Tritanopia 0.001% of the population

Trichromacy

#4059de Protanomaly 1% of men, 0.01% of women
#585dcd Deuteranomaly 6% of men, 0.4% of women
#a95093 Tritanomaly 0.01% of the population

#b22cd8 hex color

#b22cd8 Color Information

#b22cd8 Color Conversion

Color Schemes with #b22cd8

Alternatives to #b22cd8

#b22cd8 Preview

Shades and Tints of #b22cd8

Tones of #b22cd8

Color Blindness Simulator