#d311f8 hex color

In a RGB color space, hex #d311f8 is composed of 82.7% red, 6.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 14.9% cyan, 93.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 290.4 degrees, a saturation of 94.3% and a lightness of 52%. #d311f8 color hex could be obtained by blending #ff22ff with #a700f1. Closest websafe color is: #cc00ff.

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

● #d311f8 color description : Vivid magenta.

The hexadecimal color #d311f8 has RGB values of R:211, G:17, B:248 and CMYK values of C:0.15, M:0.93, Y:0, K:0.03. Its decimal value is 13832696.

Hex triplet	d311f8	`#d311f8`
RGB Decimal	211, 17, 248	`rgb(211,17,248)`
RGB Percent	82.7, 6.7, 97.3	`rgb(82.7%,6.7%,97.3%)`
CMYK	15, 93, 0, 3
HSL	290.4°, 94.3, 52	`hsl(290.4,94.3%,52%)`
HSV (or HSB)	290.4°, 93.1, 97.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.982, 89.472, -69.14
XYZ	44.006, 21.029, 90.543
xyY	0.283, 0.135, 21.029
CIE-LCH	52.982, 113.073, 322.305
CIE-LUV	52.982, 55.849, -116.007
Hunter-Lab	45.858, 91.04, -84.963
Binary	11010011, 00010001, 11111000

#d311f8
```
#d311f8 rgb(211,17,248)
```
#36f811
```
#36f811 rgb(54,248,17)
```

Complementary Color

#5f11f8
```
#5f11f8 rgb(95,17,248)
```
#d311f8
```
#d311f8 rgb(211,17,248)
```
#f811aa
```
#f811aa rgb(248,17,170)
```

Analogous Color

#11f85f
```
#11f85f rgb(17,248,95)
```
#d311f8
```
#d311f8 rgb(211,17,248)
```
#aaf811
```
#aaf811 rgb(170,248,17)
```

Split Complementary Color

#11f8d3
```
#11f8d3 rgb(17,248,211)
```
#d311f8
```
#d311f8 rgb(211,17,248)
```
#f8d311
```
#f8d311 rgb(248,211,17)
```

Triadic Color

#1136f8
```
#1136f8 rgb(17,54,248)
```
#d311f8
```
#d311f8 rgb(211,17,248)
```
#f8d311
```
#f8d311 rgb(248,211,17)
```
#36f811
```
#36f811 rgb(54,248,17)
```

Tetradic Color

#9b05b7
```
#9b05b7 rgb(155,5,183)
```
#b006d0
```
#b006d0 rgb(176,6,208)
```
#c407e9
```
#c407e9 rgb(196,7,233)
```
#d311f8
```
#d311f8 rgb(211,17,248)
```
#d82af9
```
#d82af9 rgb(216,42,249)
```
#dc43f9
```
#dc43f9 rgb(220,67,249)
```
#e15bfa
```
#e15bfa rgb(225,91,250)
```

Monochromatic Color

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

#9911f8
```
#9911f8 rgb(153,17,248)
```
#ad11f8
```
#ad11f8 rgb(173,17,248)
```
#c011f8
```
#c011f8 rgb(192,17,248)
```
#d311f8
```
#d311f8 rgb(211,17,248)
```
#e611f8
```
#e611f8 rgb(230,17,248)
```
#f811f7
```
#f811f7 rgb(248,17,247)
```
#f811e3
```
#f811e3 rgb(248,17,227)
```

Similar Colors

Text with hexadecimal color #d311f8

This text has a font color of #d311f8.

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

#d311f8 background color

This paragraph has a background color of #d311f8.

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

#d311f8 border color

This element has a border color of #d311f8.

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

CSS codes

.text {color:#d311f8;}

.background {background-color:#d311f8;}

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

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, #08000a is the darkest color, while #fdf6ff is the lightest one.

#08000a
```
#08000a rgb(8,0,10)
```
#18011d
```
#18011d rgb(24,1,29)
```
#280130
```
#280130 rgb(40,1,48)
```
#380243
```
#380243 rgb(56,2,67)
```
#490356
```
#490356 rgb(73,3,86)
```
#590369
```
#590369 rgb(89,3,105)
```
#69047c
```
#69047c rgb(105,4,124)
```
#79048f
```
#79048f rgb(121,4,143)
```
#8905a2
```
#8905a2 rgb(137,5,162)
```
#9905b5
```
#9905b5 rgb(153,5,181)
```
#a906c8
```
#a906c8 rgb(169,6,200)
```
#b906db
```
#b906db rgb(185,6,219)
```
#c907ee
```
#c907ee rgb(201,7,238)
```

Shade Color Variation

#d311f8
```
#d311f8 rgb(211,17,248)
```
#d724f9
```
#d724f9 rgb(215,36,249)
```
#da37f9
```
#da37f9 rgb(218,55,249)
```
#de4afa
```
#de4afa rgb(222,74,250)
```
#e15dfa
```
#e15dfa rgb(225,93,250)
```
#e570fb
```
#e570fb rgb(229,112,251)
```
#e883fb
```
#e883fb rgb(232,131,251)
```
#ec96fc
```
#ec96fc rgb(236,150,252)
```
#efa9fc
```
#efa9fc rgb(239,169,252)
```
#f3bcfd
```
#f3bcfd rgb(243,188,253)
```
#f6d0fe
```
#f6d0fe rgb(246,208,254)
```
#fae3fe
```
#fae3fe rgb(250,227,254)
```
#fdf6ff
```
#fdf6ff rgb(253,246,255)
```

Tint Color Variation

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

#868287
```
#868287 rgb(134,130,135)
```
#8d7990
```
#8d7990 rgb(141,121,144)
```
#936f9a
```
#936f9a rgb(147,111,154)
```
#9966a3
```
#9966a3 rgb(153,102,163)
```
#a05cad
```
#a05cad rgb(160,92,173)
```
#a653b6
```
#a653b6 rgb(166,83,182)
```
#ad4abf
```
#ad4abf rgb(173,74,191)
```
#b340c9
```
#b340c9 rgb(179,64,201)
```
#b937d2
```
#b937d2 rgb(185,55,210)
```
#c02ddc
```
#c02ddc rgb(192,45,220)
```
#c624e5
```
#c624e5 rgb(198,36,229)
```
#cd1aef
```
#cd1aef rgb(205,26,239)
```
#d311f8
```
#d311f8 rgb(211,17,248)
```

Tone Color Variation

Below, you can see how #d311f8 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
#1787e1 Deuteranopia 1% of men
#c06b72 Tritanopia 0.001% of the population

Trichromacy

#4c58fa Protanomaly 1% of men, 0.01% of women
#5b5ce9 Deuteranomaly 6% of men, 0.4% of women
#c74aa3 Tritanomaly 0.01% of the population

#d311f8 hex color

#d311f8 Color Information

#d311f8 Color Conversion

Color Schemes with #d311f8

Alternatives to #d311f8

#d311f8 Preview

Shades and Tints of #d311f8

Tones of #d311f8

Color Blindness Simulator