#b218d4 hex color

In a RGB color space, hex #b218d4 is composed of 69.8% red, 9.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 88.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 289.1 degrees, a saturation of 79.7% and a lightness of 46.3%. #b218d4 color hex could be obtained by blending #ff30ff with #6500a9. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 70
- G 9
- B 83
RGB color chart
- C 16
- M 89
- Y 0
- K 17
CMYK color chart

● #b218d4 color description : Strong magenta.

The hexadecimal color #b218d4 has RGB values of R:178, G:24, B:212 and CMYK values of C:0.16, M:0.89, Y:0, K:0.17. Its decimal value is 11671764.

Hex triplet	b218d4	`#b218d4`
RGB Decimal	178, 24, 212	`rgb(178,24,212)`
RGB Percent	69.8, 9.4, 83.1	`rgb(69.8%,9.4%,83.1%)`
CMYK	16, 89, 0, 17
HSL	289.1°, 79.7, 46.3	`hsl(289.1,79.7%,46.3%)`
HSV (or HSB)	289.1°, 88.7, 83.1
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.46, 77.658, -61.17
XYZ	30.569, 14.873, 63.544
xyY	0.28, 0.136, 14.873
CIE-LCH	45.46, 98.856, 321.773
CIE-LUV	45.46, 45.725, -98.727
Hunter-Lab	38.566, 73.997, -70.695
Binary	10110010, 00011000, 11010100

#b218d4
```
#b218d4 rgb(178,24,212)
```
#3ad418
```
#3ad418 rgb(58,212,24)
```

Complementary Color

#5418d4
```
#5418d4 rgb(84,24,212)
```
#b218d4
```
#b218d4 rgb(178,24,212)
```
#d41898
```
#d41898 rgb(212,24,152)
```

Analogous Color

#18d454
```
#18d454 rgb(24,212,84)
```
#b218d4
```
#b218d4 rgb(178,24,212)
```
#98d418
```
#98d418 rgb(152,212,24)
```

Split Complementary Color

#18d4b2
```
#18d4b2 rgb(24,212,178)
```
#b218d4
```
#b218d4 rgb(178,24,212)
```
#d4b218
```
#d4b218 rgb(212,178,24)
```

Triadic Color

#183ad4
```
#183ad4 rgb(24,58,212)
```
#b218d4
```
#b218d4 rgb(178,24,212)
```
#d4b218
```
#d4b218 rgb(212,178,24)
```
#3ad418
```
#3ad418 rgb(58,212,24)
```

Tetradic Color

#78108f
```
#78108f rgb(120,16,143)
```
#8c13a6
```
#8c13a6 rgb(140,19,166)
```
#9f15bd
```
#9f15bd rgb(159,21,189)
```
#b218d4
```
#b218d4 rgb(178,24,212)
```
#c220e6
```
#c220e6 rgb(194,32,230)
```
#c837e8
```
#c837e8 rgb(200,55,232)
```
#ce4eeb
```
#ce4eeb rgb(206,78,235)
```

Monochromatic Color

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

#8318d4
```
#8318d4 rgb(131,24,212)
```
#9318d4
```
#9318d4 rgb(147,24,212)
```
#a218d4
```
#a218d4 rgb(162,24,212)
```
#b218d4
```
#b218d4 rgb(178,24,212)
```
#c218d4
```
#c218d4 rgb(194,24,212)
```
#d118d4
```
#d118d4 rgb(209,24,212)
```
#d418c7
```
#d418c7 rgb(212,24,199)
```

Similar Colors

Text with hexadecimal color #b218d4

This text has a font color of #b218d4.

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

#b218d4 background color

This paragraph has a background color of #b218d4.

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

#b218d4 border color

This element has a border color of #b218d4.

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

CSS codes

.text {color:#b218d4;}

.background {background-color:#b218d4;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0f0212
```
#0f0212 rgb(15,2,18)
```
#1e0424
```
#1e0424 rgb(30,4,36)
```
#2d0635
```
#2d0635 rgb(45,6,53)
```
#3c0847
```
#3c0847 rgb(60,8,71)
```
#4a0a59
```
#4a0a59 rgb(74,10,89)
```
#590c6a
```
#590c6a rgb(89,12,106)
```
#680e7c
```
#680e7c rgb(104,14,124)
```
#77108e
```
#77108e rgb(119,16,142)
```
#86129f
```
#86129f rgb(134,18,159)
```
#9414b1
```
#9414b1 rgb(148,20,177)
```
#a316c2
```
#a316c2 rgb(163,22,194)
```
#b218d4
```
#b218d4 rgb(178,24,212)
```

Shade Color Variation

#c01ae5
```
#c01ae5 rgb(192,26,229)
```
#c52ce7
```
#c52ce7 rgb(197,44,231)
```
#ca3ee9
```
#ca3ee9 rgb(202,62,233)
```
#cf4feb
```
#cf4feb rgb(207,79,235)
```
#d461ed
```
#d461ed rgb(212,97,237)
```
#d973ef
```
#d973ef rgb(217,115,239)
```
#dd84f1
```
#dd84f1 rgb(221,132,241)
```
#e296f3
```
#e296f3 rgb(226,150,243)
```
#e7a7f5
```
#e7a7f5 rgb(231,167,245)
```
#ecb9f7
```
#ecb9f7 rgb(236,185,247)
```
#f1cbf9
```
#f1cbf9 rgb(241,203,249)
```
#f6dcfb
```
#f6dcfb rgb(246,220,251)
```
#faeefd
```
#faeefd rgb(250,238,253)
```

Tint Color Variation

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

#787379
```
#787379 rgb(120,115,121)
```
#7e6a82
```
#7e6a82 rgb(126,106,130)
```
#84618b
```
#84618b rgb(132,97,139)
```
#895894
```
#895894 rgb(137,88,148)
```
#8f4e9e
```
#8f4e9e rgb(143,78,158)
```
#9545a7
```
#9545a7 rgb(149,69,167)
```
#9b3cb0
```
#9b3cb0 rgb(155,60,176)
```
#a133b9
```
#a133b9 rgb(161,51,185)
```
#a62ac2
```
#a62ac2 rgb(166,42,194)
```
#ac21cb
```
#ac21cb rgb(172,33,203)
```
#b218d4
```
#b218d4 rgb(178,24,212)
```
#b80fdd
```
#b80fdd rgb(184,15,221)
```
#be06e6
```
#be06e6 rgb(190,6,230)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c4e73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#1575c2 Deuteranopia 1% of men
#a45e65 Tritanopia 0.001% of the population

Trichromacy

#404fd7 Protanomaly 1% of men, 0.01% of women
#4e53c9 Deuteranomaly 6% of men, 0.4% of women
#a9458d Tritanomaly 0.01% of the population

#b218d4 hex color

#b218d4 Color Information

#b218d4 Color Conversion

Color Schemes with #b218d4

Alternatives to #b218d4

#b218d4 Preview

Shades and Tints of #b218d4

Tones of #b218d4

Color Blindness Simulator