#d311f6 hex color

In a RGB color space, hex #d311f6 is composed of 82.7% red, 6.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 93.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 290.8 degrees, a saturation of 92.7% and a lightness of 51.6%. #d311f6 color hex could be obtained by blending #ff22ff with #a700ed. Closest websafe color is: #cc00ff.

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

● #d311f6 color description : Vivid magenta.

The hexadecimal color #d311f6 has RGB values of R:211, G:17, B:246 and CMYK values of C:0.14, M:0.93, Y:0, K:0.04. Its decimal value is 13832694.

Hex triplet	d311f6	`#d311f6`
RGB Decimal	211, 17, 246	`rgb(211,17,246)`
RGB Percent	82.7, 6.7, 96.5	`rgb(82.7%,6.7%,96.5%)`
CMYK	14, 93, 0, 4
HSL	290.8°, 92.7, 51.6	`hsl(290.8,92.7%,51.6%)`
HSV (or HSB)	290.8°, 93.1, 96.5
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.846, 89.149, -68.241
XYZ	43.697, 20.906, 88.917
xyY	0.285, 0.136, 20.906
CIE-LCH	52.846, 112.269, 322.567
CIE-LUV	52.846, 56.508, -114.611
Hunter-Lab	45.723, 90.576, -83.295
Binary	11010011, 00010001, 11110110

#d311f6
```
#d311f6 rgb(211,17,246)
```
#34f611
```
#34f611 rgb(52,246,17)
```

Complementary Color

#6011f6
```
#6011f6 rgb(96,17,246)
```
#d311f6
```
#d311f6 rgb(211,17,246)
```
#f611a7
```
#f611a7 rgb(246,17,167)
```

Analogous Color

#11f660
```
#11f660 rgb(17,246,96)
```
#d311f6
```
#d311f6 rgb(211,17,246)
```
#a7f611
```
#a7f611 rgb(167,246,17)
```

Split Complementary Color

#11f6d3
```
#11f6d3 rgb(17,246,211)
```
#d311f6
```
#d311f6 rgb(211,17,246)
```
#f6d311
```
#f6d311 rgb(246,211,17)
```

Triadic Color

#1134f6
```
#1134f6 rgb(17,52,246)
```
#d311f6
```
#d311f6 rgb(211,17,246)
```
#f6d311
```
#f6d311 rgb(246,211,17)
```
#34f611
```
#34f611 rgb(52,246,17)
```

Tetradic Color

#9907b4
```
#9907b4 rgb(153,7,180)
```
#ae08cc
```
#ae08cc rgb(174,8,204)
```
#c309e5
```
#c309e5 rgb(195,9,229)
```
#d311f6
```
#d311f6 rgb(211,17,246)
```
#d82af7
```
#d82af7 rgb(216,42,247)
```
#dc42f8
```
#dc42f8 rgb(220,66,248)
```
#e15bf9
```
#e15bf9 rgb(225,91,249)
```

Monochromatic Color

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

#9a11f6
```
#9a11f6 rgb(154,17,246)
```
#ad11f6
```
#ad11f6 rgb(173,17,246)
```
#c011f6
```
#c011f6 rgb(192,17,246)
```
#d311f6
```
#d311f6 rgb(211,17,246)
```
#e611f6
```
#e611f6 rgb(230,17,246)
```
#f611f3
```
#f611f3 rgb(246,17,243)
```
#f611e0
```
#f611e0 rgb(246,17,224)
```

Similar Colors

Text with hexadecimal color #d311f6

This text has a font color of #d311f6.

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

#d311f6 background color

This paragraph has a background color of #d311f6.

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

#d311f6 border color

This element has a border color of #d311f6.

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

CSS codes

.text {color:#d311f6;}

.background {background-color:#d311f6;}

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

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

#070008
```
#070008 rgb(7,0,8)
```
#17011b
```
#17011b rgb(23,1,27)
```
#27022e
```
#27022e rgb(39,2,46)
```
#370240
```
#370240 rgb(55,2,64)
```
#470353
```
#470353 rgb(71,3,83)
```
#570466
```
#570466 rgb(87,4,102)
```
#670579
```
#670579 rgb(103,5,121)
```
#77058c
```
#77058c rgb(119,5,140)
```
#88069f
```
#88069f rgb(136,6,159)
```
#9807b2
```
#9807b2 rgb(152,7,178)
```
#a807c5
```
#a807c5 rgb(168,7,197)
```
#b808d8
```
#b808d8 rgb(184,8,216)
```
#c809eb
```
#c809eb rgb(200,9,235)
```

Shade Color Variation

#d311f6
```
#d311f6 rgb(211,17,246)
```
#d624f7
```
#d624f7 rgb(214,36,247)
```
#da37f7
```
#da37f7 rgb(218,55,247)
```
#dd4af8
```
#dd4af8 rgb(221,74,248)
```
#e15df9
```
#e15df9 rgb(225,93,249)
```
#e470fa
```
#e470fa rgb(228,112,250)
```
#e882fa
```
#e882fa rgb(232,130,250)
```
#eb95fb
```
#eb95fb rgb(235,149,251)
```
#efa8fc
```
#efa8fc rgb(239,168,252)
```
#f2bbfc
```
#f2bbfc rgb(242,187,252)
```
#f6cefd
```
#f6cefd rgb(246,206,253)
```
#f9e1fe
```
#f9e1fe rgb(249,225,254)
```
#fdf4ff
```
#fdf4ff rgb(253,244,255)
```

Tint Color Variation

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

#848384
```
#848384 rgb(132,131,132)
```
#8a7a8e
```
#8a7a8e rgb(138,122,142)
```
#917097
```
#917097 rgb(145,112,151)
```
#9867a1
```
#9867a1 rgb(152,103,161)
```
#9e5daa
```
#9e5daa rgb(158,93,170)
```
#a554b4
```
#a554b4 rgb(165,84,180)
```
#ab4abd
```
#ab4abd rgb(171,74,189)
```
#b241c7
```
#b241c7 rgb(178,65,199)
```
#b937d0
```
#b937d0 rgb(185,55,208)
```
#bf2eda
```
#bf2eda rgb(191,46,218)
```
#c624e3
```
#c624e3 rgb(198,36,227)
```
#cc1bed
```
#cc1bed rgb(204,27,237)
```
#d311f6
```
#d311f6 rgb(211,17,246)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7b5482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fb Protanopia 1% of men
#2186df Deuteranopia 1% of men
#c16b72 Tritanopia 0.001% of the population

Trichromacy

#4c58f9 Protanomaly 1% of men, 0.01% of women
#615be7 Deuteranomaly 6% of men, 0.4% of women
#c74aa2 Tritanomaly 0.01% of the population

#d311f6 hex color

#d311f6 Color Information

#d311f6 Color Conversion

Color Schemes with #d311f6

Alternatives to #d311f6

#d311f6 Preview

Shades and Tints of #d311f6

Tones of #d311f6

Color Blindness Simulator