#d316f5 hex color

In a RGB color space, hex #d316f5 is composed of 82.7% red, 8.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 91% magenta, 0% yellow and 3.9% black. It has a hue angle of 290.9 degrees, a saturation of 91.8% and a lightness of 52.4%. #d316f5 color hex could be obtained by blending #ff2cff with #a700eb. Closest websafe color is: #cc00ff.

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

● #d316f5 color description : Vivid magenta.

The hexadecimal color #d316f5 has RGB values of R:211, G:22, B:245 and CMYK values of C:0.14, M:0.91, Y:0, K:0.04. Its decimal value is 13833973.

Hex triplet	d316f5	`#d316f5`
RGB Decimal	211, 22, 245	`rgb(211,22,245)`
RGB Percent	82.7, 8.6, 96.1	`rgb(82.7%,8.6%,96.1%)`
CMYK	14, 91, 0, 4
HSL	290.9°, 91.8, 52.4	`hsl(290.9,91.8%,52.4%)`
HSV (or HSB)	290.9°, 91, 96.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.969, 88.425, -67.483
XYZ	43.631, 21.018, 88.14
xyY	0.286, 0.138, 21.018
CIE-LCH	52.969, 111.234, 322.65
CIE-LUV	52.969, 56.569, -113.525
Hunter-Lab	45.845, 89.65, -81.897
Binary	11010011, 00010110, 11110101

#d316f5
```
#d316f5 rgb(211,22,245)
```
#38f516
```
#38f516 rgb(56,245,22)
```

Complementary Color

#6416f5
```
#6416f5 rgb(100,22,245)
```
#d316f5
```
#d316f5 rgb(211,22,245)
```
#f516a8
```
#f516a8 rgb(245,22,168)
```

Analogous Color

#16f564
```
#16f564 rgb(22,245,100)
```
#d316f5
```
#d316f5 rgb(211,22,245)
```
#a8f516
```
#a8f516 rgb(168,245,22)
```

Split Complementary Color

#16f5d3
```
#16f5d3 rgb(22,245,211)
```
#d316f5
```
#d316f5 rgb(211,22,245)
```
#f5d316
```
#f5d316 rgb(245,211,22)
```

Triadic Color

#1638f5
```
#1638f5 rgb(22,56,245)
```
#d316f5
```
#d316f5 rgb(211,22,245)
```
#f5d316
```
#f5d316 rgb(245,211,22)
```
#38f516
```
#38f516 rgb(56,245,22)
```

Tetradic Color

#9c08b7
```
#9c08b7 rgb(156,8,183)
```
#b109cf
```
#b109cf rgb(177,9,207)
```
#c60ae8
```
#c60ae8 rgb(198,10,232)
```
#d316f5
```
#d316f5 rgb(211,22,245)
```
#d82ef6
```
#d82ef6 rgb(216,46,246)
```
#dc47f7
```
#dc47f7 rgb(220,71,247)
```
#e15ff8
```
#e15ff8 rgb(225,95,248)
```

Monochromatic Color

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

#9b16f5
```
#9b16f5 rgb(155,22,245)
```
#ae16f5
```
#ae16f5 rgb(174,22,245)
```
#c016f5
```
#c016f5 rgb(192,22,245)
```
#d316f5
```
#d316f5 rgb(211,22,245)
```
#e616f5
```
#e616f5 rgb(230,22,245)
```
#f516f2
```
#f516f2 rgb(245,22,242)
```
#f516df
```
#f516df rgb(245,22,223)
```

Similar Colors

Text with hexadecimal color #d316f5

This text has a font color of #d316f5.

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

#d316f5 background color

This paragraph has a background color of #d316f5.

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

#d316f5 border color

This element has a border color of #d316f5.

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

CSS codes

.text {color:#d316f5;}

.background {background-color:#d316f5;}

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

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

#0a000c
```
#0a000c rgb(10,0,12)
```
#1a011e
```
#1a011e rgb(26,1,30)
```
#2a0231
```
#2a0231 rgb(42,2,49)
```
#3a0344
```
#3a0344 rgb(58,3,68)
```
#4a0457
```
#4a0457 rgb(74,4,87)
```
#5a056a
```
#5a056a rgb(90,5,106)
```
#6a057c
```
#6a057c rgb(106,5,124)
```
#7a068f
```
#7a068f rgb(122,6,143)
```
#8a07a2
```
#8a07a2 rgb(138,7,162)
```
#9a08b5
```
#9a08b5 rgb(154,8,181)
```
#aa09c8
```
#aa09c8 rgb(170,9,200)
```
#bb09da
```
#bb09da rgb(187,9,218)
```
#cb0aed
```
#cb0aed rgb(203,10,237)
```

Shade Color Variation

#d316f5
```
#d316f5 rgb(211,22,245)
```
#d729f6
```
#d729f6 rgb(215,41,246)
```
#da3cf7
```
#da3cf7 rgb(218,60,247)
```
#de4ef7
```
#de4ef7 rgb(222,78,247)
```
#e161f8
```
#e161f8 rgb(225,97,248)
```
#e574f9
```
#e574f9 rgb(229,116,249)
```
#e887fa
```
#e887fa rgb(232,135,250)
```
#ec9afb
```
#ec9afb rgb(236,154,251)
```
#efacfb
```
#efacfb rgb(239,172,251)
```
#f3bffc
```
#f3bffc rgb(243,191,252)
```
#f7d2fd
```
#f7d2fd rgb(247,210,253)
```
#fae5fe
```
#fae5fe rgb(250,229,254)
```
#fef8ff
```
#fef8ff rgb(254,248,255)
```

Tint Color Variation

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

#8c7d8e
```
#8c7d8e rgb(140,125,142)
```
#927398
```
#927398 rgb(146,115,152)
```
#996aa1
```
#996aa1 rgb(153,106,161)
```
#9f61aa
```
#9f61aa rgb(159,97,170)
```
#a657b4
```
#a657b4 rgb(166,87,180)
```
#ac4ebd
```
#ac4ebd rgb(172,78,189)
```
#b345c6
```
#b345c6 rgb(179,69,198)
```
#b93bd0
```
#b93bd0 rgb(185,59,208)
```
#c032d9
```
#c032d9 rgb(192,50,217)
```
#c629e2
```
#c629e2 rgb(198,41,226)
```
#cd1fec
```
#cd1fec rgb(205,31,236)
```
#d316f5
```
#d316f5 rgb(211,22,245)
```
#d90dfe
```
#d90dfe rgb(217,13,254)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7d5884 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fb Protanopia 1% of men
#2887de Deuteranopia 1% of men
#c16b72 Tritanopia 0.001% of the population

Trichromacy

#4c5af9 Protanomaly 1% of men, 0.01% of women
#665de6 Deuteranomaly 6% of men, 0.4% of women
#c74ca1 Tritanomaly 0.01% of the population

#d316f5 hex color

#d316f5 Color Information

#d316f5 Color Conversion

Color Schemes with #d316f5

Alternatives to #d316f5

#d316f5 Preview

Shades and Tints of #d316f5

Tones of #d316f5

Color Blindness Simulator