#b421de hex color

In a RGB color space, hex #b421de is composed of 70.6% red, 12.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 85.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 286.7 degrees, a saturation of 74.1% and a lightness of 50%. #b421de color hex could be obtained by blending #ff42ff with #6900bd. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 71
- G 13
- B 87
RGB color chart
- C 19
- M 85
- Y 0
- K 13
CMYK color chart

● #b421de color description : Vivid magenta.

The hexadecimal color #b421de has RGB values of R:180, G:33, B:222 and CMYK values of C:0.19, M:0.85, Y:0, K:0.13. Its decimal value is 11805150.

Hex triplet	b421de	`#b421de`
RGB Decimal	180, 33, 222	`rgb(180,33,222)`
RGB Percent	70.6, 12.9, 87.1	`rgb(70.6%,12.9%,87.1%)`
CMYK	19, 85, 0, 13
HSL	286.7°, 74.1, 50	`hsl(286.7,74.1%,50%)`
HSV (or HSB)	286.7°, 85.1, 87.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.061, 77.999, -64.289
XYZ	32.549, 16.066, 70.49
xyY	0.273, 0.135, 16.066
CIE-LCH	47.061, 101.078, 320.504
CIE-LUV	47.061, 43.194, -104.132
Hunter-Lab	40.083, 74.807, -76.209
Binary	10110100, 00100001, 11011110

#b421de
```
#b421de rgb(180,33,222)
```
#4bde21
```
#4bde21 rgb(75,222,33)
```

Complementary Color

#5621de
```
#5621de rgb(86,33,222)
```
#b421de
```
#b421de rgb(180,33,222)
```
#de21aa
```
#de21aa rgb(222,33,170)
```

Analogous Color

#21de55
```
#21de55 rgb(33,222,85)
```
#b421de
```
#b421de rgb(180,33,222)
```
#aade21
```
#aade21 rgb(170,222,33)
```

Split Complementary Color

#21deb4
```
#21deb4 rgb(33,222,180)
```
#b421de
```
#b421de rgb(180,33,222)
```
#deb421
```
#deb421 rgb(222,180,33)
```

Triadic Color

#214bde
```
#214bde rgb(33,75,222)
```
#b421de
```
#b421de rgb(180,33,222)
```
#deb421
```
#deb421 rgb(222,180,33)
```
#4bde21
```
#4bde21 rgb(75,222,33)
```

Tetradic Color

#7e179b
```
#7e179b rgb(126,23,155)
```
#901ab2
```
#901ab2 rgb(144,26,178)
```
#a21ec8
```
#a21ec8 rgb(162,30,200)
```
#b421de
```
#b421de rgb(180,33,222)
```
#bc37e1
```
#bc37e1 rgb(188,55,225)
```
#c34de5
```
#c34de5 rgb(195,77,229)
```
#cb64e8
```
#cb64e8 rgb(203,100,232)
```

Monochromatic Color

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

#8521de
```
#8521de rgb(133,33,222)
```
#9521de
```
#9521de rgb(149,33,222)
```
#a421de
```
#a421de rgb(164,33,222)
```
#b421de
```
#b421de rgb(180,33,222)
```
#c421de
```
#c421de rgb(196,33,222)
```
#d421de
```
#d421de rgb(212,33,222)
```
#de21d9
```
#de21d9 rgb(222,33,217)
```

Similar Colors

Text with hexadecimal color #b421de

This text has a font color of #b421de.

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

#b421de background color

This paragraph has a background color of #b421de.

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

#b421de border color

This element has a border color of #b421de.

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

CSS codes

.text {color:#b421de;}

.background {background-color:#b421de;}

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

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

#0e0311
```
#0e0311 rgb(14,3,17)
```
#1c0522
```
#1c0522 rgb(28,5,34)
```
#2a0833
```
#2a0833 rgb(42,8,51)
```
#370a44
```
#370a44 rgb(55,10,68)
```
#450d55
```
#450d55 rgb(69,13,85)
```
#530f66
```
#530f66 rgb(83,15,102)
```
#611278
```
#611278 rgb(97,18,120)
```
#6f1489
```
#6f1489 rgb(111,20,137)
```
#7d179a
```
#7d179a rgb(125,23,154)
```
#8a19ab
```
#8a19ab rgb(138,25,171)
```
#981cbc
```
#981cbc rgb(152,28,188)
```
#a61ecd
```
#a61ecd rgb(166,30,205)
```
#b421de
```
#b421de rgb(180,33,222)
```

Shade Color Variation

#ba32e1
```
#ba32e1 rgb(186,50,225)
```
#c043e3
```
#c043e3 rgb(192,67,227)
```
#c554e6
```
#c554e6 rgb(197,84,230)
```
#cb65e8
```
#cb65e8 rgb(203,101,232)
```
#d176eb
```
#d176eb rgb(209,118,235)
```
#d787ed
```
#d787ed rgb(215,135,237)
```
#dc99f0
```
#dc99f0 rgb(220,153,240)
```
#e2aaf2
```
#e2aaf2 rgb(226,170,242)
```
#e8bbf5
```
#e8bbf5 rgb(232,187,245)
```
#eeccf7
```
#eeccf7 rgb(238,204,247)
```
#f3ddfa
```
#f3ddfa rgb(243,221,250)
```
#f9eefc
```
#f9eefc rgb(249,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#837986
```
#837986 rgb(131,121,134)
```
#886f90
```
#886f90 rgb(136,111,144)
```
#8e6699
```
#8e6699 rgb(142,102,153)
```
#935ca3
```
#935ca3 rgb(147,92,163)
```
#9952ad
```
#9952ad rgb(153,82,173)
```
#9e48b7
```
#9e48b7 rgb(158,72,183)
```
#a43ec1
```
#a43ec1 rgb(164,62,193)
```
#a935ca
```
#a935ca rgb(169,53,202)
```
#af2bd4
```
#af2bd4 rgb(175,43,212)
```
#b421de
```
#b421de rgb(180,33,222)
```
#b917e8
```
#b917e8 rgb(185,23,232)
```
#bf0df2
```
#bf0df2 rgb(191,13,242)
```
#c404fb
```
#c404fb rgb(196,4,251)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#72557b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c9 Deuteranopia 1% of men
#a4646b Tritanopia 0.001% of the population

Trichromacy

#4155e0 Protanomaly 1% of men, 0.01% of women
#4159d0 Deuteranomaly 6% of men, 0.4% of women
#aa4c95 Tritanomaly 0.01% of the population

#b421de hex color

#b421de Color Information

#b421de Color Conversion

Color Schemes with #b421de

Alternatives to #b421de

#b421de Preview

Shades and Tints of #b421de

Tones of #b421de

Color Blindness Simulator