#d311ff hex color

In a RGB color space, hex #d311ff is composed of 82.7% red, 6.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 93.3% magenta, 0% yellow and 0% black. It has a hue angle of 288.9 degrees, a saturation of 100% and a lightness of 53.3%. #d311ff color hex could be obtained by blending #ff22ff with #a700ff. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 83
- G 7
- B 100
RGB color chart
- C 17
- M 93
- Y 0
- K 0
CMYK color chart

● #d311ff color description : Vivid magenta.

The hexadecimal color #d311ff has RGB values of R:211, G:17, B:255 and CMYK values of C:0.17, M:0.93, Y:0, K:0. Its decimal value is 13832703.

Hex triplet	d311ff	`#d311ff`
RGB Decimal	211, 17, 255	`rgb(211,17,255)`
RGB Percent	82.7, 6.7, 100	`rgb(82.7%,6.7%,100%)`
CMYK	17, 93, 0, 0
HSL	288.9°, 100, 53.3	`hsl(288.9,100%,53.3%)`
HSV (or HSB)	288.9°, 93.3, 100
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	53.462, 90.616, -72.263
XYZ	45.112, 21.472, 96.371
xyY	0.277, 0.132, 21.472
CIE-LCH	53.462, 115.901, 321.429
CIE-LUV	53.462, 53.591, -120.853
Hunter-Lab	46.338, 92.688, -90.871
Binary	11010011, 00010001, 11111111

#d311ff
```
#d311ff rgb(211,17,255)
```
#3dff11
```
#3dff11 rgb(61,255,17)
```

Complementary Color

#5c11ff
```
#5c11ff rgb(92,17,255)
```
#d311ff
```
#d311ff rgb(211,17,255)
```
#ff11b4
```
#ff11b4 rgb(255,17,180)
```

Analogous Color

#11ff5c
```
#11ff5c rgb(17,255,92)
```
#d311ff
```
#d311ff rgb(211,17,255)
```
#b4ff11
```
#b4ff11 rgb(180,255,17)
```

Split Complementary Color

#11ffd3
```
#11ffd3 rgb(17,255,211)
```
#d311ff
```
#d311ff rgb(211,17,255)
```
#ffd311
```
#ffd311 rgb(255,211,17)
```

Triadic Color

#113dff
```
#113dff rgb(17,61,255)
```
#d311ff
```
#d311ff rgb(211,17,255)
```
#ffd311
```
#ffd311 rgb(255,211,17)
```
#3dff11
```
#3dff11 rgb(61,255,17)
```

Tetradic Color

#9f00c4
```
#9f00c4 rgb(159,0,196)
```
#b400dd
```
#b400dd rgb(180,0,221)
```
#c900f7
```
#c900f7 rgb(201,0,247)
```
#d311ff
```
#d311ff rgb(211,17,255)
```
#d82bff
```
#d82bff rgb(216,43,255)
```
#dc44ff
```
#dc44ff rgb(220,68,255)
```
#e15eff
```
#e15eff rgb(225,94,255)
```

Monochromatic Color

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

#9811ff
```
#9811ff rgb(152,17,255)
```
#ab11ff
```
#ab11ff rgb(171,17,255)
```
#bf11ff
```
#bf11ff rgb(191,17,255)
```
#d311ff
```
#d311ff rgb(211,17,255)
```
#e711ff
```
#e711ff rgb(231,17,255)
```
#fb11ff
```
#fb11ff rgb(251,17,255)
```
#ff11f0
```
#ff11f0 rgb(255,17,240)
```

Similar Colors

Text with hexadecimal color #d311ff

This text has a font color of #d311ff.

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

#d311ff background color

This paragraph has a background color of #d311ff.

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

#d311ff border color

This element has a border color of #d311ff.

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

CSS codes

.text {color:#d311ff;}

.background {background-color:#d311ff;}

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

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

#0e0011
```
#0e0011 rgb(14,0,17)
```
#1e0025
```
#1e0025 rgb(30,0,37)
```
#2e0038
```
#2e0038 rgb(46,0,56)
```
#3e004c
```
#3e004c rgb(62,0,76)
```
#4e005f
```
#4e005f rgb(78,0,95)
```
#5e0073
```
#5e0073 rgb(94,0,115)
```
#6e0087
```
#6e0087 rgb(110,0,135)
```
#7e009a
```
#7e009a rgb(126,0,154)
```
#8e00ae
```
#8e00ae rgb(142,0,174)
```
#9e00c2
```
#9e00c2 rgb(158,0,194)
```
#ae00d5
```
#ae00d5 rgb(174,0,213)
```
#be00e9
```
#be00e9 rgb(190,0,233)
```
#ce00fc
```
#ce00fc rgb(206,0,252)
```

Shade Color Variation

#d311ff
```
#d311ff rgb(211,17,255)
```
#d725ff
```
#d725ff rgb(215,37,255)
```
#da38ff
```
#da38ff rgb(218,56,255)
```
#de4cff
```
#de4cff rgb(222,76,255)
```
#e25fff
```
#e25fff rgb(226,95,255)
```
#e573ff
```
#e573ff rgb(229,115,255)
```
#e987ff
```
#e987ff rgb(233,135,255)
```
#ec9aff
```
#ec9aff rgb(236,154,255)
```
#f0aeff
```
#f0aeff rgb(240,174,255)
```
#f4c2ff
```
#f4c2ff rgb(244,194,255)
```
#f7d5ff
```
#f7d5ff rgb(247,213,255)
```
#fbe9ff
```
#fbe9ff rgb(251,233,255)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#8e7f91
```
#8e7f91 rgb(142,127,145)
```
#94769a
```
#94769a rgb(148,118,154)
```
#996da3
```
#996da3 rgb(153,109,163)
```
#9f63ad
```
#9f63ad rgb(159,99,173)
```
#a55ab6
```
#a55ab6 rgb(165,90,182)
```
#ab51bf
```
#ab51bf rgb(171,81,191)
```
#b048c8
```
#b048c8 rgb(176,72,200)
```
#b63fd1
```
#b63fd1 rgb(182,63,209)
```
#bc36da
```
#bc36da rgb(188,54,218)
```
#c22ce4
```
#c22ce4 rgb(194,44,228)
```
#c723ed
```
#c723ed rgb(199,35,237)
```
#cd1af6
```
#cd1af6 rgb(205,26,246)
```
#d311ff
```
#d311ff rgb(211,17,255)
```

Tone Color Variation

Below, you can see how #d311ff 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
#7c5585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0082fd Protanopia 1% of men
#0088e3 Deuteranopia 1% of men
#bf6e75 Tritanopia 0.001% of the population

Trichromacy

#4c59fe Protanomaly 1% of men, 0.01% of women
#4c5ded Deuteranomaly 6% of men, 0.4% of women
#c64ca7 Tritanomaly 0.01% of the population

#d311ff hex color

#d311ff Color Information

#d311ff Color Conversion

Color Schemes with #d311ff

Alternatives to #d311ff

#d311ff Preview

Shades and Tints of #d311ff

Tones of #d311ff

Color Blindness Simulator