#d310f5 hex color

In a RGB color space, hex #d310f5 is composed of 82.7% red, 6.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 93.5% magenta, 0% yellow and 3.9% black. It has a hue angle of 291.1 degrees, a saturation of 92% and a lightness of 51.2%. #d310f5 color hex could be obtained by blending #ff20ff with #a700eb. Closest websafe color is: #cc00ff.

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

● #d310f5 color description : Vivid magenta.

The hexadecimal color #d310f5 has RGB values of R:211, G:16, B:245 and CMYK values of C:0.14, M:0.93, Y:0, K:0.04. Its decimal value is 13832437.

Hex triplet	d310f5	`#d310f5`
RGB Decimal	211, 16, 245	`rgb(211,16,245)`
RGB Percent	82.7, 6.3, 96.1	`rgb(82.7%,6.3%,96.1%)`
CMYK	14, 93, 0, 4
HSL	291.1°, 92, 51.2	`hsl(291.1,92%,51.2%)`
HSV (or HSB)	291.1°, 93.5, 96.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.746, 89.087, -67.844
XYZ	43.529, 20.814, 88.106
xyY	0.286, 0.137, 20.814
CIE-LCH	52.746, 111.979, 322.709
CIE-LUV	52.746, 56.888, -113.978
Hunter-Lab	45.623, 90.468, -82.564
Binary	11010011, 00010000, 11110101

#d310f5
```
#d310f5 rgb(211,16,245)
```
#32f510
```
#32f510 rgb(50,245,16)
```

Complementary Color

#6110f5
```
#6110f5 rgb(97,16,245)
```
#d310f5
```
#d310f5 rgb(211,16,245)
```
#f510a5
```
#f510a5 rgb(245,16,165)
```

Analogous Color

#10f561
```
#10f561 rgb(16,245,97)
```
#d310f5
```
#d310f5 rgb(211,16,245)
```
#a5f510
```
#a5f510 rgb(165,245,16)
```

Split Complementary Color

#10f5d3
```
#10f5d3 rgb(16,245,211)
```
#d310f5
```
#d310f5 rgb(211,16,245)
```
#f5d310
```
#f5d310 rgb(245,211,16)
```

Triadic Color

#1032f5
```
#1032f5 rgb(16,50,245)
```
#d310f5
```
#d310f5 rgb(211,16,245)
```
#f5d310
```
#f5d310 rgb(245,211,16)
```
#32f510
```
#32f510 rgb(50,245,16)
```

Tetradic Color

#9807b1
```
#9807b1 rgb(152,7,177)
```
#ad08ca
```
#ad08ca rgb(173,8,202)
```
#c209e2
```
#c209e2 rgb(194,9,226)
```
#d310f5
```
#d310f5 rgb(211,16,245)
```
#d828f6
```
#d828f6 rgb(216,40,246)
```
#dc41f7
```
#dc41f7 rgb(220,65,247)
```
#e159f8
```
#e159f8 rgb(225,89,248)
```

Monochromatic Color

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

#9a10f5
```
#9a10f5 rgb(154,16,245)
```
#ad10f5
```
#ad10f5 rgb(173,16,245)
```
#c010f5
```
#c010f5 rgb(192,16,245)
```
#d310f5
```
#d310f5 rgb(211,16,245)
```
#e610f5
```
#e610f5 rgb(230,16,245)
```
#f510f1
```
#f510f1 rgb(245,16,241)
```
#f510de
```
#f510de rgb(245,16,222)
```

Similar Colors

Text with hexadecimal color #d310f5

This text has a font color of #d310f5.

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

#d310f5 background color

This paragraph has a background color of #d310f5.

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

#d310f5 border color

This element has a border color of #d310f5.

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

CSS codes

.text {color:#d310f5;}

.background {background-color:#d310f5;}

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

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

#050006
```
#050006 rgb(5,0,6)
```
#150119
```
#150119 rgb(21,1,25)
```
#25022b
```
#25022b rgb(37,2,43)
```
#35033e
```
#35033e rgb(53,3,62)
```
#460351
```
#460351 rgb(70,3,81)
```
#560464
```
#560464 rgb(86,4,100)
```
#660577
```
#660577 rgb(102,5,119)
```
#76068a
```
#76068a rgb(118,6,138)
```
#86079c
```
#86079c rgb(134,7,156)
```
#9607af
```
#9607af rgb(150,7,175)
```
#a608c2
```
#a608c2 rgb(166,8,194)
```
#b709d5
```
#b709d5 rgb(183,9,213)
```
#c70ae8
```
#c70ae8 rgb(199,10,232)
```

Shade Color Variation

#d310f5
```
#d310f5 rgb(211,16,245)
```
#d623f6
```
#d623f6 rgb(214,35,246)
```
#da36f7
```
#da36f7 rgb(218,54,247)
```
#dd48f7
```
#dd48f7 rgb(221,72,247)
```
#e15bf8
```
#e15bf8 rgb(225,91,248)
```
#e46ef9
```
#e46ef9 rgb(228,110,249)
```
#e881fa
```
#e881fa rgb(232,129,250)
```
#eb94fb
```
#eb94fb rgb(235,148,251)
```
#efa7fb
```
#efa7fb rgb(239,167,251)
```
#f2b9fc
```
#f2b9fc rgb(242,185,252)
```
#f6ccfd
```
#f6ccfd rgb(246,204,253)
```
#f9dffe
```
#f9dffe rgb(249,223,254)
```
#fdf2fe
```
#fdf2fe rgb(253,242,254)
```

Tint Color Variation

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

#89798c
```
#89798c rgb(137,121,140)
```
#907095
```
#907095 rgb(144,112,149)
```
#96669f
```
#96669f rgb(150,102,159)
```
#9d5da8
```
#9d5da8 rgb(157,93,168)
```
#a453b2
```
#a453b2 rgb(164,83,178)
```
#ab49bc
```
#ab49bc rgb(171,73,188)
```
#b140c5
```
#b140c5 rgb(177,64,197)
```
#b836cf
```
#b836cf rgb(184,54,207)
```
#bf2dd8
```
#bf2dd8 rgb(191,45,216)
```
#c623e2
```
#c623e2 rgb(198,35,226)
```
#cc1aeb
```
#cc1aeb rgb(204,26,235)
```
#d310f5
```
#d310f5 rgb(211,16,245)
```
#da06ff
```
#da06ff rgb(218,6,255)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#7a5381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fa Protanopia 1% of men
#2486de Deuteranopia 1% of men
#c16a71 Tritanopia 0.001% of the population

Trichromacy

#4c57f8 Protanomaly 1% of men, 0.01% of women
#635be6 Deuteranomaly 6% of men, 0.4% of women
#c749a1 Tritanomaly 0.01% of the population

#d310f5 hex color

#d310f5 Color Information

#d310f5 Color Conversion

Color Schemes with #d310f5

Alternatives to #d310f5

#d310f5 Preview

Shades and Tints of #d310f5

Tones of #d310f5

Color Blindness Simulator