#d821f1 hex color

In a RGB color space, hex #d821f1 is composed of 84.7% red, 12.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 86.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 292.8 degrees, a saturation of 88.1% and a lightness of 53.7%. #d821f1 color hex could be obtained by blending #ff42ff with #b100e3. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 85
- G 13
- B 95
RGB color chart
- C 10
- M 86
- Y 0
- K 5
CMYK color chart

● #d821f1 color description : Vivid magenta.

The hexadecimal color #d821f1 has RGB values of R:216, G:33, B:241 and CMYK values of C:0.1, M:0.86, Y:0, K:0.05. Its decimal value is 14164465.

Hex triplet	d821f1	`#d821f1`
RGB Decimal	216, 33, 241	`rgb(216,33,241)`
RGB Percent	84.7, 12.9, 94.5	`rgb(84.7%,12.9%,94.5%)`
CMYK	10, 86, 0, 5
HSL	292.8°, 88.1, 53.7	`hsl(292.8,88.1%,53.7%)`
HSV (or HSB)	292.8°, 86.3, 94.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.069, 86.918, -63.426
XYZ	44.738, 22.04, 85.112
xyY	0.295, 0.145, 22.04
CIE-LCH	54.069, 107.599, 323.881
CIE-LUV	54.069, 60.386, -108.117
Hunter-Lab	46.947, 87.946, -74.627
Binary	11011000, 00100001, 11110001

#d821f1
```
#d821f1 rgb(216,33,241)
```
#3af121
```
#3af121 rgb(58,241,33)
```

Complementary Color

#7021f1
```
#7021f1 rgb(112,33,241)
```
#d821f1
```
#d821f1 rgb(216,33,241)
```
#f121a2
```
#f121a2 rgb(241,33,162)
```

Analogous Color

#21f170
```
#21f170 rgb(33,241,112)
```
#d821f1
```
#d821f1 rgb(216,33,241)
```
#a2f121
```
#a2f121 rgb(162,241,33)
```

Split Complementary Color

#21f1d8
```
#21f1d8 rgb(33,241,216)
```
#d821f1
```
#d821f1 rgb(216,33,241)
```
#f1d821
```
#f1d821 rgb(241,216,33)
```

Triadic Color

#213af1
```
#213af1 rgb(33,58,241)
```
#d821f1
```
#d821f1 rgb(216,33,241)
```
#f1d821
```
#f1d821 rgb(241,216,33)
```
#3af121
```
#3af121 rgb(58,241,33)
```

Tetradic Color

#a50cba
```
#a50cba rgb(165,12,186)
```
#ba0dd2
```
#ba0dd2 rgb(186,13,210)
```
#cf0fea
```
#cf0fea rgb(207,15,234)
```
#d821f1
```
#d821f1 rgb(216,33,241)
```
#dc39f3
```
#dc39f3 rgb(220,57,243)
```
#e051f4
```
#e051f4 rgb(224,81,244)
```
#e569f6
```
#e569f6 rgb(229,105,246)
```

Monochromatic Color

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

#a421f1
```
#a421f1 rgb(164,33,241)
```
#b521f1
```
#b521f1 rgb(181,33,241)
```
#c721f1
```
#c721f1 rgb(199,33,241)
```
#d821f1
```
#d821f1 rgb(216,33,241)
```
#e921f1
```
#e921f1 rgb(233,33,241)
```
#f121e7
```
#f121e7 rgb(241,33,231)
```
#f121d6
```
#f121d6 rgb(241,33,214)
```

Similar Colors

Text with hexadecimal color #d821f1

This text has a font color of #d821f1.

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

#d821f1 background color

This paragraph has a background color of #d821f1.

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

#d821f1 border color

This element has a border color of #d821f1.

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

CSS codes

.text {color:#d821f1;}

.background {background-color:#d821f1;}

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

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

#100112
```
#100112 rgb(16,1,18)
```
#200224
```
#200224 rgb(32,2,36)
```
#310337
```
#310337 rgb(49,3,55)
```
#410549
```
#410549 rgb(65,5,73)
```
#51065c
```
#51065c rgb(81,6,92)
```
#62076e
```
#62076e rgb(98,7,110)
```
#720881
```
#720881 rgb(114,8,129)
```
#820993
```
#820993 rgb(130,9,147)
```
#930aa5
```
#930aa5 rgb(147,10,165)
```
#a30cb8
```
#a30cb8 rgb(163,12,184)
```
#b40dca
```
#b40dca rgb(180,13,202)
```
#c40edd
```
#c40edd rgb(196,14,221)
```
#d40fef
```
#d40fef rgb(212,15,239)
```

Shade Color Variation

#d821f1
```
#d821f1 rgb(216,33,241)
```
#db33f2
```
#db33f2 rgb(219,51,242)
```
#de46f3
```
#de46f3 rgb(222,70,243)
```
#e258f4
```
#e258f4 rgb(226,88,244)
```
#e56bf6
```
#e56bf6 rgb(229,107,246)
```
#e87df7
```
#e87df7 rgb(232,125,247)
```
#eb90f8
```
#eb90f8 rgb(235,144,248)
```
#efa2f9
```
#efa2f9 rgb(239,162,249)
```
#f2b5fa
```
#f2b5fa rgb(242,181,250)
```
#f5c7fb
```
#f5c7fb rgb(245,199,251)
```
#f8dafd
```
#f8dafd rgb(248,218,253)
```
#fcecfe
```
#fcecfe rgb(252,236,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#8c858d
```
#8c858d rgb(140,133,141)
```
#937c96
```
#937c96 rgb(147,124,150)
```
#9a739f
```
#9a739f rgb(154,115,159)
```
#a16aa8
```
#a16aa8 rgb(161,106,168)
```
#a861b1
```
#a861b1 rgb(168,97,177)
```
#af57bb
```
#af57bb rgb(175,87,187)
```
#b64ec4
```
#b64ec4 rgb(182,78,196)
```
#bc45cd
```
#bc45cd rgb(188,69,205)
```
#c33cd6
```
#c33cd6 rgb(195,60,214)
```
#ca33df
```
#ca33df rgb(202,51,223)
```
#d12ae8
```
#d12ae8 rgb(209,42,232)
```
#d821f1
```
#d821f1 rgb(216,33,241)
```
#df18fa
```
#df18fa rgb(223,24,250)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#845f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d83ff Protanopia 1% of men
#4289dc Deuteranopia 1% of men
#c76c73 Tritanopia 0.001% of the population

Trichromacy

#615ff9 Protanomaly 1% of men, 0.01% of women
#7863e3 Deuteranomaly 6% of men, 0.4% of women
#cd50a0 Tritanomaly 0.01% of the population

#d821f1 hex color

#d821f1 Color Information

#d821f1 Color Conversion

Color Schemes with #d821f1

Alternatives to #d821f1

#d821f1 Preview

Shades and Tints of #d821f1

Tones of #d821f1

Color Blindness Simulator