#d811f0 hex color

In a RGB color space, hex #d811f0 is composed of 84.7% red, 6.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 92.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 293.5 degrees, a saturation of 88.1% and a lightness of 50.4%. #d811f0 color hex could be obtained by blending #ff22ff with #b100e1. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 85
- G 7
- B 94
RGB color chart
- C 10
- M 93
- Y 0
- K 6
CMYK color chart

● #d811f0 color description : Vivid magenta.

The hexadecimal color #d811f0 has RGB values of R:216, G:17, B:240 and CMYK values of C:0.1, M:0.93, Y:0, K:0.06. Its decimal value is 14160368.

Hex triplet	d811f0	`#d811f0`
RGB Decimal	216, 17, 240	`rgb(216,17,240)`
RGB Percent	84.7, 6.7, 94.1	`rgb(84.7%,6.7%,94.1%)`
CMYK	10, 93, 0, 6
HSL	293.5°, 88.1, 50.4	`hsl(293.5,88.1%,50.4%)`
HSV (or HSB)	293.5°, 92.9, 94.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	53.269, 88.934, -64.155
XYZ	44.246, 21.294, 84.213
xyY	0.295, 0.142, 21.294
CIE-LCH	53.269, 109.659, 324.194
CIE-LUV	53.269, 61.866, -108.982
Hunter-Lab	46.145, 90.4, -75.9
Binary	11011000, 00010001, 11110000

#d811f0
```
#d811f0 rgb(216,17,240)
```
#29f011
```
#29f011 rgb(41,240,17)
```

Complementary Color

#6911f0
```
#6911f0 rgb(105,17,240)
```
#d811f0
```
#d811f0 rgb(216,17,240)
```
#f01199
```
#f01199 rgb(240,17,153)
```

Analogous Color

#11f069
```
#11f069 rgb(17,240,105)
```
#d811f0
```
#d811f0 rgb(216,17,240)
```
#99f011
```
#99f011 rgb(153,240,17)
```

Split Complementary Color

#11f0d8
```
#11f0d8 rgb(17,240,216)
```
#d811f0
```
#d811f0 rgb(216,17,240)
```
#f0d811
```
#f0d811 rgb(240,216,17)
```

Triadic Color

#1129f0
```
#1129f0 rgb(17,41,240)
```
#d811f0
```
#d811f0 rgb(216,17,240)
```
#f0d811
```
#f0d811 rgb(240,216,17)
```
#29f011
```
#29f011 rgb(41,240,17)
```

Tetradic Color

#990baa
```
#990baa rgb(153,11,170)
```
#ae0cc2
```
#ae0cc2 rgb(174,12,194)
```
#c40eda
```
#c40eda rgb(196,14,218)
```
#d811f0
```
#d811f0 rgb(216,17,240)
```
#dc29f2
```
#dc29f2 rgb(220,41,242)
```
#e041f3
```
#e041f3 rgb(224,65,243)
```
#e459f5
```
#e459f5 rgb(228,89,245)
```

Monochromatic Color

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

#a011f0
```
#a011f0 rgb(160,17,240)
```
#b311f0
```
#b311f0 rgb(179,17,240)
```
#c511f0
```
#c511f0 rgb(197,17,240)
```
#d811f0
```
#d811f0 rgb(216,17,240)
```
#eb11f0
```
#eb11f0 rgb(235,17,240)
```
#f011e3
```
#f011e3 rgb(240,17,227)
```
#f011d0
```
#f011d0 rgb(240,17,208)
```

Similar Colors

Text with hexadecimal color #d811f0

This text has a font color of #d811f0.

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

#d811f0 background color

This paragraph has a background color of #d811f0.

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

#d811f0 border color

This element has a border color of #d811f0.

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

CSS codes

.text {color:#d811f0;}

.background {background-color:#d811f0;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#120114
```
#120114 rgb(18,1,20)
```
#230227
```
#230227 rgb(35,2,39)
```
#330439
```
#330439 rgb(51,4,57)
```
#44054c
```
#44054c rgb(68,5,76)
```
#55065e
```
#55065e rgb(85,6,94)
```
#650771
```
#650771 rgb(101,7,113)
```
#760883
```
#760883 rgb(118,8,131)
```
#860996
```
#860996 rgb(134,9,150)
```
#970ba8
```
#970ba8 rgb(151,11,168)
```
#a80cba
```
#a80cba rgb(168,12,186)
```
#b80dcd
```
#b80dcd rgb(184,13,205)
```
#c90edf
```
#c90edf rgb(201,14,223)
```

Shade Color Variation

#d811f0
```
#d811f0 rgb(216,17,240)
```
#db23f1
```
#db23f1 rgb(219,35,241)
```
#de36f2
```
#de36f2 rgb(222,54,242)
```
#e148f3
```
#e148f3 rgb(225,72,243)
```
#e45bf5
```
#e45bf5 rgb(228,91,245)
```
#e76df6
```
#e76df6 rgb(231,109,246)
```
#ea80f7
```
#ea80f7 rgb(234,128,247)
```
#ed92f8
```
#ed92f8 rgb(237,146,248)
```
#f0a5f9
```
#f0a5f9 rgb(240,165,249)
```
#f3b7fa
```
#f3b7fa rgb(243,183,250)
```
#f6cafc
```
#f6cafc rgb(246,202,252)
```
#f9dcfd
```
#f9dcfd rgb(249,220,253)
```
#fceefe
```
#fceefe rgb(252,238,254)
```

Tint Color Variation

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

#847c85
```
#847c85 rgb(132,124,133)
```
#8c728f
```
#8c728f rgb(140,114,143)
```
#936998
```
#936998 rgb(147,105,152)
```
#9b5fa2
```
#9b5fa2 rgb(155,95,162)
```
#a355ac
```
#a355ac rgb(163,85,172)
```
#aa4bb6
```
#aa4bb6 rgb(170,75,182)
```
#b242bf
```
#b242bf rgb(178,66,191)
```
#b938c9
```
#b938c9 rgb(185,56,201)
```
#c12ed3
```
#c12ed3 rgb(193,46,211)
```
#c924dd
```
#c924dd rgb(201,36,221)
```
#d01be6
```
#d01be6 rgb(208,27,230)
```
#d811f0
```
#d811f0 rgb(216,17,240)
```
#e007fa
```
#e007fa rgb(224,7,250)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7d5582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fd Protanopia 1% of men
#3d87da Deuteranopia 1% of men
#c7686f Tritanopia 0.001% of the population

Trichromacy

#4e58f8 Protanomaly 1% of men, 0.01% of women
#755ce2 Deuteranomaly 6% of men, 0.4% of women
#cd489e Tritanomaly 0.01% of the population

#d811f0 hex color

#d811f0 Color Information

#d811f0 Color Conversion

Color Schemes with #d811f0

Alternatives to #d811f0

#d811f0 Preview

Shades and Tints of #d811f0

Tones of #d811f0

Color Blindness Simulator