colorhexa.com

#d701f5 hex color

In a RGB color space, hex #d701f5 is composed of 84.3% red, 0.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 99.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 292.6 degrees, a saturation of 99.2% and a lightness of 48.2%. #d701f5 color hex could be obtained by blending #ff02ff with #af00eb. Closest websafe color is: #cc00ff.

- R 84
- G 0
- B 96
RGB color chart
- C 12
- M 100
- Y 0
- K 4
CMYK color chart

● #d701f5 color description : Vivid magenta.

The hexadecimal color #d701f5 has RGB values of R:215, G:1, B:245 and CMYK values of C:0.12, M:1, Y:0, K:0.04. Its decimal value is 14090741.

Hex triplet	d701f5	`#d701f5`
RGB Decimal	215, 1, 245	`rgb(215,1,245)`
RGB Percent	84.3, 0.4, 96.1	`rgb(84.3%,0.4%,96.1%)`
CMYK	12, 100, 0, 4
HSL	292.6°, 99.2, 48.2	`hsl(292.6,99.2%,48.2%)`
HSV (or HSB)	292.6°, 99.6, 96.1
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	53.019, 90.796, -67.37
XYZ	44.515, 21.064, 88.102
xyY	0.29, 0.137, 21.064
CIE-LCH	53.019, 113.06, 323.425
CIE-LUV	53.019, 60.073, -113.664
Hunter-Lab	45.895, 92.814, -81.688
Binary	11010111, 00000001, 11110101

#d701f5
```
#d701f5 rgb(215,1,245)
```
#1ff501
```
#1ff501 rgb(31,245,1)
```

Complementary Color

#5d01f5
```
#5d01f5 rgb(93,1,245)
```
#d701f5
```
#d701f5 rgb(215,1,245)
```
#f50199
```
#f50199 rgb(245,1,153)
```

Analogous Color

#01f55d
```
#01f55d rgb(1,245,93)
```
#d701f5
```
#d701f5 rgb(215,1,245)
```
#99f501
```
#99f501 rgb(153,245,1)
```

Split Complementary Color

#01f5d7
```
#01f5d7 rgb(1,245,215)
```
#d701f5
```
#d701f5 rgb(215,1,245)
```
#f5d701
```
#f5d701 rgb(245,215,1)
```

Triadic Color

#9401a9
```
#9401a9 rgb(148,1,169)
```
#aa01c2
```
#aa01c2 rgb(170,1,194)
```
#c101dc
```
#c101dc rgb(193,1,220)
```
#d701f5
```
#d701f5 rgb(215,1,245)
```
#e111fe
```
#e111fe rgb(225,17,254)
```
#e42bfe
```
#e42bfe rgb(228,43,254)
```
#e744fe
```
#e744fe rgb(231,68,254)
```

Monochromatic Color

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

#9a01f5
```
#9a01f5 rgb(154,1,245)
```
#ae01f5
```
#ae01f5 rgb(174,1,245)
```
#c301f5
```
#c301f5 rgb(195,1,245)
```
#d701f5
```
#d701f5 rgb(215,1,245)
```
#eb01f5
```
#eb01f5 rgb(235,1,245)
```
#f501ea
```
#f501ea rgb(245,1,234)
```
#f501d6
```
#f501d6 rgb(245,1,214)
```

Similar Colors

Text with hexadecimal color #d701f5

This text has a font color of #d701f5.

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

#d701f5 background color

This paragraph has a background color of #d701f5.

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

#d701f5 border color

This element has a border color of #d701f5.

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

CSS codes

.text {color:#d701f5;}

.background {background-color:#d701f5;}

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

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, #09000b is the darkest color, while #fef6ff is the lightest one.

#09000b
```
#09000b rgb(9,0,11)
```
#1a001e
```
#1a001e rgb(26,0,30)
```
#2c0032
```
#2c0032 rgb(44,0,50)
```
#3d0045
```
#3d0045 rgb(61,0,69)
```
#4e0059
```
#4e0059 rgb(78,0,89)
```
#5f006c
```
#5f006c rgb(95,0,108)
```
#700180
```
#700180 rgb(112,1,128)
```
#810193
```
#810193 rgb(129,1,147)
```
#9201a7
```
#9201a7 rgb(146,1,167)
```
#a401ba
```
#a401ba rgb(164,1,186)
```
#b501ce
```
#b501ce rgb(181,1,206)
```
#c601e1
```
#c601e1 rgb(198,1,225)
```
#d701f5
```
#d701f5 rgb(215,1,245)
```

Shade Color Variation

#e00cfe
```
#e00cfe rgb(224,12,254)
```
#e31ffe
```
#e31ffe rgb(227,31,254)
```
#e533fe
```
#e533fe rgb(229,51,254)
```
#e846fe
```
#e846fe rgb(232,70,254)
```
#ea5afe
```
#ea5afe rgb(234,90,254)
```
#ed6dfe
```
#ed6dfe rgb(237,109,254)
```
#ef81fe
```
#ef81fe rgb(239,129,254)
```
#f294ff
```
#f294ff rgb(242,148,255)
```
#f4a8ff
```
#f4a8ff rgb(244,168,255)
```
#f6bbff
```
#f6bbff rgb(246,187,255)
```
#f9cfff
```
#f9cfff rgb(249,207,255)
```
#fbe3ff
```
#fbe3ff rgb(251,227,255)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#817383
```
#817383 rgb(129,115,131)
```
#89698d
```
#89698d rgb(137,105,141)
```
#906096
```
#906096 rgb(144,96,150)
```
#9756a0
```
#9756a0 rgb(151,86,160)
```
#9e4da9
```
#9e4da9 rgb(158,77,169)
```
#a543b3
```
#a543b3 rgb(165,67,179)
```
#ac3abc
```
#ac3abc rgb(172,58,188)
```
#b330c6
```
#b330c6 rgb(179,48,198)
```
#ba27cf
```
#ba27cf rgb(186,39,207)
```
#c21dd9
```
#c21dd9 rgb(194,29,217)
```
#c914e2
```
#c914e2 rgb(201,20,226)
```
#d00aec
```
#d00aec rgb(208,10,236)
```
#d701f5
```
#d701f5 rgb(215,1,245)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#754b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fc Protanopia 1% of men
#2c87de Deuteranopia 1% of men
#c5696f Tritanopia 0.001% of the population

Trichromacy

#4e52f9 Protanomaly 1% of men, 0.01% of women
#6a56e6 Deuteranomaly 6% of men, 0.4% of women
#cc43a0 Tritanomaly 0.01% of the population