#b22ccf hex color

In a RGB color space, hex #b22ccf is composed of 69.8% red, 17.3% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 14% cyan, 78.7% magenta, 0% yellow and 18.8% black. It has a hue angle of 289.3 degrees, a saturation of 64.9% and a lightness of 49.2%. #b22ccf color hex could be obtained by blending #ff58ff with #65009f. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 70
- G 17
- B 81
RGB color chart
- C 14
- M 79
- Y 0
- K 19
CMYK color chart

● #b22ccf color description : Strong magenta.

The hexadecimal color #b22ccf has RGB values of R:178, G:44, B:207 and CMYK values of C:0.14, M:0.79, Y:0, K:0.19. Its decimal value is 11676879.

Hex triplet	b22ccf	`#b22ccf`
RGB Decimal	178, 44, 207	`rgb(178,44,207)`
RGB Percent	69.8, 17.3, 81.2	`rgb(69.8%,17.3%,81.2%)`
CMYK	14, 79, 0, 19
HSL	289.3°, 64.9, 49.2	`hsl(289.3,64.9%,49.2%)`
HSV (or HSB)	289.3°, 78.7, 81.2
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.675, 72.245, -56.33
XYZ	30.522, 15.773, 60.465
xyY	0.286, 0.148, 15.773
CIE-LCH	46.675, 91.61, 322.056
CIE-LUV	46.675, 45.125, -92.127
Hunter-Lab	39.715, 67.681, -62.467
Binary	10110010, 00101100, 11001111

#b22ccf
```
#b22ccf rgb(178,44,207)
```
#49cf2c
```
#49cf2c rgb(73,207,44)
```

Complementary Color

#612ccf
```
#612ccf rgb(97,44,207)
```
#b22ccf
```
#b22ccf rgb(178,44,207)
```
#cf2c9b
```
#cf2c9b rgb(207,44,155)
```

Analogous Color

#2ccf61
```
#2ccf61 rgb(44,207,97)
```
#b22ccf
```
#b22ccf rgb(178,44,207)
```
#9bcf2c
```
#9bcf2c rgb(155,207,44)
```

Split Complementary Color

#2ccfb2
```
#2ccfb2 rgb(44,207,178)
```
#b22ccf
```
#b22ccf rgb(178,44,207)
```
#cfb22c
```
#cfb22c rgb(207,178,44)
```

Triadic Color

#2c49cf
```
#2c49cf rgb(44,73,207)
```
#b22ccf
```
#b22ccf rgb(178,44,207)
```
#cfb22c
```
#cfb22c rgb(207,178,44)
```
#49cf2c
```
#49cf2c rgb(73,207,44)
```

Tetradic Color

#7c1f90
```
#7c1f90 rgb(124,31,144)
```
#8e23a5
```
#8e23a5 rgb(142,35,165)
```
#a028ba
```
#a028ba rgb(160,40,186)
```
#b22ccf
```
#b22ccf rgb(178,44,207)
```
#bb3ed6
```
#bb3ed6 rgb(187,62,214)
```
#c353db
```
#c353db rgb(195,83,219)
```
#ca68df
```
#ca68df rgb(202,104,223)
```

Monochromatic Color

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

#892ccf
```
#892ccf rgb(137,44,207)
```
#972ccf
```
#972ccf rgb(151,44,207)
```
#a42ccf
```
#a42ccf rgb(164,44,207)
```
#b22ccf
```
#b22ccf rgb(178,44,207)
```
#c02ccf
```
#c02ccf rgb(192,44,207)
```
#cd2ccf
```
#cd2ccf rgb(205,44,207)
```
#cf2cc3
```
#cf2cc3 rgb(207,44,195)
```

Similar Colors

Text with hexadecimal color #b22ccf

This text has a font color of #b22ccf.

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

#b22ccf background color

This paragraph has a background color of #b22ccf.

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

#b22ccf border color

This element has a border color of #b22ccf.

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

CSS codes

.text {color:#b22ccf;}

.background {background-color:#b22ccf;}

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

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, #0b030d is the darkest color, while #fefcfe is the lightest one.

#0b030d
```
#0b030d rgb(11,3,13)
```
#19061d
```
#19061d rgb(25,6,29)
```
#270a2d
```
#270a2d rgb(39,10,45)
```
#350d3d
```
#350d3d rgb(53,13,61)
```
#43104e
```
#43104e rgb(67,16,78)
```
#51145e
```
#51145e rgb(81,20,94)
```
#5f176e
```
#5f176e rgb(95,23,110)
```
#6c1b7e
```
#6c1b7e rgb(108,27,126)
```
#7a1e8e
```
#7a1e8e rgb(122,30,142)
```
#88229e
```
#88229e rgb(136,34,158)
```
#9625af
```
#9625af rgb(150,37,175)
```
#a429bf
```
#a429bf rgb(164,41,191)
```
#b22ccf
```
#b22ccf rgb(178,44,207)
```

Shade Color Variation

#b93ad5
```
#b93ad5 rgb(185,58,213)
```
#bf4ad8
```
#bf4ad8 rgb(191,74,216)
```
#c55adc
```
#c55adc rgb(197,90,220)
```
#ca6adf
```
#ca6adf rgb(202,106,223)
```
#d07ae3
```
#d07ae3 rgb(208,122,227)
```
#d68ae6
```
#d68ae6 rgb(214,138,230)
```
#dc9bea
```
#dc9bea rgb(220,155,234)
```
#e1abed
```
#e1abed rgb(225,171,237)
```
#e7bbf1
```
#e7bbf1 rgb(231,187,241)
```
#edcbf4
```
#edcbf4 rgb(237,203,244)
```
#f2dbf7
```
#f2dbf7 rgb(242,219,247)
```
#f8ecfb
```
#f8ecfb rgb(248,236,251)
```
#fefcfe
```
#fefcfe rgb(254,252,254)
```

Tint Color Variation

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

#807982
```
#807982 rgb(128,121,130)
```
#86708b
```
#86708b rgb(134,112,139)
```
#8d6695
```
#8d6695 rgb(141,102,149)
```
#935c9f
```
#935c9f rgb(147,92,159)
```
#9953a8
```
#9953a8 rgb(153,83,168)
```
#9f49b2
```
#9f49b2 rgb(159,73,178)
```
#a63fbc
```
#a63fbc rgb(166,63,188)
```
#ac36c5
```
#ac36c5 rgb(172,54,197)
```
#b22ccf
```
#b22ccf rgb(178,44,207)
```
#b822d9
```
#b822d9 rgb(184,34,217)
```
#be19e2
```
#be19e2 rgb(190,25,226)
```
#c50fec
```
#c50fec rgb(197,15,236)
```
#cb05f6
```
#cb05f6 rgb(203,5,246)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#765b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#3777c0 Deuteranopia 1% of men
#a56269 Tritanopia 0.001% of the population

Trichromacy

#4058d9 Protanomaly 1% of men, 0.01% of women
#645bc5 Deuteranomaly 6% of men, 0.4% of women
#aa4e8e Tritanomaly 0.01% of the population

#b22ccf hex color

#b22ccf Color Information

#b22ccf Color Conversion

Color Schemes with #b22ccf

Alternatives to #b22ccf

#b22ccf Preview

Shades and Tints of #b22ccf

Tones of #b22ccf

Color Blindness Simulator