#b218c3 hex color

In a RGB color space, hex #b218c3 is composed of 69.8% red, 9.4% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 87.7% magenta, 0% yellow and 23.5% black. It has a hue angle of 294 degrees, a saturation of 78.1% and a lightness of 42.9%. #b218c3 color hex could be obtained by blending #ff30ff with #650087. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 70
- G 9
- B 76
RGB color chart
- C 9
- M 88
- Y 0
- K 24
CMYK color chart

● #b218c3 color description : Strong magenta.

The hexadecimal color #b218c3 has RGB values of R:178, G:24, B:195 and CMYK values of C:0.09, M:0.88, Y:0, K:0.24. Its decimal value is 11671747.

Hex triplet	b218c3	`#b218c3`
RGB Decimal	178, 24, 195	`rgb(178,24,195)`
RGB Percent	69.8, 9.4, 76.5	`rgb(69.8%,9.4%,76.5%)`
CMYK	9, 88, 0, 24
HSL	294°, 78.1, 42.9	`hsl(294,78.1%,42.9%)`
HSV (or HSB)	294°, 87.7, 76.5
Web Safe	9900cc	`#9900cc`

CIE-LAB	44.319, 74.807, -53.168
XYZ	28.536, 14.06, 52.838
xyY	0.299, 0.147, 14.06
CIE-LCH	44.319, 91.777, 324.598
CIE-LUV	44.319, 51.272, -86.627
Hunter-Lab	37.497, 70.225, -57.299
Binary	10110010, 00011000, 11000011

#b218c3
```
#b218c3 rgb(178,24,195)
```
#29c318
```
#29c318 rgb(41,195,24)
```

Complementary Color

#5c18c3
```
#5c18c3 rgb(92,24,195)
```
#b218c3
```
#b218c3 rgb(178,24,195)
```
#c3187f
```
#c3187f rgb(195,24,127)
```

Analogous Color

#18c35c
```
#18c35c rgb(24,195,92)
```
#b218c3
```
#b218c3 rgb(178,24,195)
```
#7fc318
```
#7fc318 rgb(127,195,24)
```

Split Complementary Color

#18c3b2
```
#18c3b2 rgb(24,195,178)
```
#b218c3
```
#b218c3 rgb(178,24,195)
```
#c3b218
```
#c3b218 rgb(195,178,24)
```

Triadic Color

#1829c3
```
#1829c3 rgb(24,41,195)
```
#b218c3
```
#b218c3 rgb(178,24,195)
```
#c3b218
```
#c3b218 rgb(195,178,24)
```
#29c318
```
#29c318 rgb(41,195,24)
```

Tetradic Color

#74107f
```
#74107f rgb(116,16,127)
```
#891296
```
#891296 rgb(137,18,150)
```
#9d15ac
```
#9d15ac rgb(157,21,172)
```
#b218c3
```
#b218c3 rgb(178,24,195)
```
#c71bda
```
#c71bda rgb(199,27,218)
```
#d229e5
```
#d229e5 rgb(210,41,229)
```
#d740e7
```
#d740e7 rgb(215,64,231)
```

Monochromatic Color

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

#8718c3
```
#8718c3 rgb(135,24,195)
```
#9618c3
```
#9618c3 rgb(150,24,195)
```
#a418c3
```
#a418c3 rgb(164,24,195)
```
#b218c3
```
#b218c3 rgb(178,24,195)
```
#c018c3
```
#c018c3 rgb(192,24,195)
```
#c318b8
```
#c318b8 rgb(195,24,184)
```
#c318a9
```
#c318a9 rgb(195,24,169)
```

Similar Colors

Text with hexadecimal color #b218c3

This text has a font color of #b218c3.

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

#b218c3 background color

This paragraph has a background color of #b218c3.

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

#b218c3 border color

This element has a border color of #b218c3.

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

CSS codes

.text {color:#b218c3;}

.background {background-color:#b218c3;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#130314
```
#130314 rgb(19,3,20)
```
#230526
```
#230526 rgb(35,5,38)
```
#320737
```
#320737 rgb(50,7,55)
```
#420949
```
#420949 rgb(66,9,73)
```
#520b5a
```
#520b5a rgb(82,11,90)
```
#620d6c
```
#620d6c rgb(98,13,108)
```
#720f7d
```
#720f7d rgb(114,15,125)
```
#82128f
```
#82128f rgb(130,18,143)
```
#9214a0
```
#9214a0 rgb(146,20,160)
```
#a216b2
```
#a216b2 rgb(162,22,178)
```
#b218c3
```
#b218c3 rgb(178,24,195)
```
#c21ad4
```
#c21ad4 rgb(194,26,212)
```

Shade Color Variation

#d01fe3
```
#d01fe3 rgb(208,31,227)
```
#d430e6
```
#d430e6 rgb(212,48,230)
```
#d742e8
```
#d742e8 rgb(215,66,232)
```
#db53ea
```
#db53ea rgb(219,83,234)
```
#df65ec
```
#df65ec rgb(223,101,236)
```
#e276ee
```
#e276ee rgb(226,118,238)
```
#e688f0
```
#e688f0 rgb(230,136,240)
```
#ea99f2
```
#ea99f2 rgb(234,153,242)
```
#edabf5
```
#edabf5 rgb(237,171,245)
```
#f1bcf7
```
#f1bcf7 rgb(241,188,247)
```
#f5cdf9
```
#f5cdf9 rgb(245,205,249)
```
#f8dffb
```
#f8dffb rgb(248,223,251)
```
#fcf0fd
```
#fcf0fd rgb(252,240,253)
```

Tint Color Variation

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

#6f6c6f
```
#6f6c6f rgb(111,108,111)
```
#756477
```
#756477 rgb(117,100,119)
```
#7c5b80
```
#7c5b80 rgb(124,91,128)
```
#835388
```
#835388 rgb(131,83,136)
```
#8a4b90
```
#8a4b90 rgb(138,75,144)
```
#904299
```
#904299 rgb(144,66,153)
```
#973aa1
```
#973aa1 rgb(151,58,161)
```
#9e31aa
```
#9e31aa rgb(158,49,170)
```
#a529b2
```
#a529b2 rgb(165,41,178)
```
#ab20bb
```
#ab20bb rgb(171,32,187)
```
#b218c3
```
#b218c3 rgb(178,24,195)
```
#b910cb
```
#b910cb rgb(185,16,203)
```
#bf07d4
```
#bf07d4 rgb(191,7,212)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6c4d6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#3c71b4 Deuteranopia 1% of men
#a7585e Tritanopia 0.001% of the population

Trichromacy

#404ece Protanomaly 1% of men, 0.01% of women
#6750b9 Deuteranomaly 6% of men, 0.4% of women
#ab4182 Tritanomaly 0.01% of the population

#b218c3 hex color

#b218c3 Color Information

#b218c3 Color Conversion

Color Schemes with #b218c3

Alternatives to #b218c3

#b218c3 Preview

Shades and Tints of #b218c3

Tones of #b218c3

Color Blindness Simulator