#de21b8 hex color

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

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

● #de21b8 color description : Vivid magenta.

The hexadecimal color #de21b8 has RGB values of R:222, G:33, B:184 and CMYK values of C:0, M:0.85, Y:0.17, K:0.13. Its decimal value is 14557624.

Hex triplet	de21b8	`#de21b8`
RGB Decimal	222, 33, 184	`rgb(222,33,184)`
RGB Percent	87.1, 12.9, 72.2	`rgb(87.1%,12.9%,72.2%)`
CMYK	0, 85, 17, 13
HSL	312.1°, 74.1, 50	`hsl(312.1,74.1%,50%)`
HSV (or HSB)	312.1°, 85.1, 87.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	51.929, 79.761, -34.192
XYZ	39.32, 20.081, 47.15
xyY	0.369, 0.188, 20.081
CIE-LCH	51.929, 86.781, 336.796
CIE-LUV	51.929, 86.729, -63.029
Hunter-Lab	44.812, 78.201, -31.015
Binary	11011110, 00100001, 10111000

#de21b8
```
#de21b8 rgb(222,33,184)
```
#21de47
```
#21de47 rgb(33,222,71)
```

Complementary Color

#a621de
```
#a621de rgb(166,33,222)
```
#de21b8
```
#de21b8 rgb(222,33,184)
```
#de2159
```
#de2159 rgb(222,33,89)
```

Analogous Color

#21dea6
```
#21dea6 rgb(33,222,166)
```
#de21b8
```
#de21b8 rgb(222,33,184)
```
#59de21
```
#59de21 rgb(89,222,33)
```

Split Complementary Color

#21b8de
```
#21b8de rgb(33,184,222)
```
#de21b8
```
#de21b8 rgb(222,33,184)
```
#b8de21
```
#b8de21 rgb(184,222,33)
```

Triadic Color

#4721de
```
#4721de rgb(71,33,222)
```
#de21b8
```
#de21b8 rgb(222,33,184)
```
#b8de21
```
#b8de21 rgb(184,222,33)
```
#21de47
```
#21de47 rgb(33,222,71)
```

Tetradic Color

#9b1781
```
#9b1781 rgb(155,23,129)
```
#b21a93
```
#b21a93 rgb(178,26,147)
```
#c81ea6
```
#c81ea6 rgb(200,30,166)
```
#de21b8
```
#de21b8 rgb(222,33,184)
```
#e137bf
```
#e137bf rgb(225,55,191)
```
#e54dc6
```
#e54dc6 rgb(229,77,198)
```
#e864cd
```
#e864cd rgb(232,100,205)
```

Monochromatic Color

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

#d521de
```
#d521de rgb(213,33,222)
```
#de21d8
```
#de21d8 rgb(222,33,216)
```
#de21c8
```
#de21c8 rgb(222,33,200)
```
#de21b8
```
#de21b8 rgb(222,33,184)
```
#de21a8
```
#de21a8 rgb(222,33,168)
```
#de2199
```
#de2199 rgb(222,33,153)
```
#de2189
```
#de2189 rgb(222,33,137)
```

Similar Colors

Text with hexadecimal color #de21b8

This text has a font color of #de21b8.

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

#de21b8 background color

This paragraph has a background color of #de21b8.

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

#de21b8 border color

This element has a border color of #de21b8.

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

CSS codes

.text {color:#de21b8;}

.background {background-color:#de21b8;}

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

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

#11030e
```
#11030e rgb(17,3,14)
```
#22051c
```
#22051c rgb(34,5,28)
```
#33082a
```
#33082a rgb(51,8,42)
```
#440a39
```
#440a39 rgb(68,10,57)
```
#550d47
```
#550d47 rgb(85,13,71)
```
#660f55
```
#660f55 rgb(102,15,85)
```
#781263
```
#781263 rgb(120,18,99)
```
#891471
```
#891471 rgb(137,20,113)
```
#9a177f
```
#9a177f rgb(154,23,127)
```
#ab198e
```
#ab198e rgb(171,25,142)
```
#bc1c9c
```
#bc1c9c rgb(188,28,156)
```
#cd1eaa
```
#cd1eaa rgb(205,30,170)
```
#de21b8
```
#de21b8 rgb(222,33,184)
```

Shade Color Variation

#e132bd
```
#e132bd rgb(225,50,189)
```
#e343c3
```
#e343c3 rgb(227,67,195)
```
#e654c8
```
#e654c8 rgb(230,84,200)
```
#e865ce
```
#e865ce rgb(232,101,206)
```
#eb76d3
```
#eb76d3 rgb(235,118,211)
```
#ed87d9
```
#ed87d9 rgb(237,135,217)
```
#f099de
```
#f099de rgb(240,153,222)
```
#f2aae4
```
#f2aae4 rgb(242,170,228)
```
#f5bbe9
```
#f5bbe9 rgb(245,187,233)
```
#f7ccef
```
#f7ccef rgb(247,204,239)
```
#faddf4
```
#faddf4 rgb(250,221,244)
```
#fceefa
```
#fceefa rgb(252,238,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#867983
```
#867983 rgb(134,121,131)
```
#906f89
```
#906f89 rgb(144,111,137)
```
#99668f
```
#99668f rgb(153,102,143)
```
#a35c95
```
#a35c95 rgb(163,92,149)
```
#ad529b
```
#ad529b rgb(173,82,155)
```
#b748a1
```
#b748a1 rgb(183,72,161)
```
#c13ea6
```
#c13ea6 rgb(193,62,166)
```
#ca35ac
```
#ca35ac rgb(202,53,172)
```
#d42bb2
```
#d42bb2 rgb(212,43,178)
```
#de21b8
```
#de21b8 rgb(222,33,184)
```
#e817be
```
#e817be rgb(232,23,190)
```
#f20dc4
```
#f20dc4 rgb(242,13,196)
```
#fb04ca
```
#fb04ca rgb(251,4,202)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#825c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#307ef1 Protanopia 1% of men
#7680aa Deuteranopia 1% of men
#d6565b Tritanopia 0.001% of the population

Trichromacy

#6f5cdc Protanomaly 1% of men, 0.01% of women
#9c5eaf Deuteranomaly 6% of men, 0.4% of women
#d9437d Tritanomaly 0.01% of the population

#de21b8 hex color

#de21b8 Color Information

#de21b8 Color Conversion

Color Schemes with #de21b8

Alternatives to #de21b8

#de21b8 Preview

Shades and Tints of #de21b8

Tones of #de21b8

Color Blindness Simulator