#d501f8 hex color

In a RGB color space, hex #d501f8 is composed of 83.5% red, 0.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 14.1% cyan, 99.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 291.5 degrees, a saturation of 99.2% and a lightness of 48.8%. #d501f8 color hex could be obtained by blending #ff02ff with #ab00f1. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 84
- G 0
- B 97
RGB color chart
- C 14
- M 100
- Y 0
- K 3
CMYK color chart

● #d501f8 color description : Vivid magenta.

The hexadecimal color #d501f8 has RGB values of R:213, G:1, B:248 and CMYK values of C:0.14, M:1, Y:0, K:0.03. Its decimal value is 13959672.

Hex triplet	d501f8	`#d501f8`
RGB Decimal	213, 1, 248	`rgb(213,1,248)`
RGB Percent	83.5, 0.4, 97.3	`rgb(83.5%,0.4%,97.3%)`
CMYK	14, 100, 0, 3
HSL	291.5°, 99.2, 48.8	`hsl(291.5,99.2%,48.8%)`
HSV (or HSB)	291.5°, 99.6, 97.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.892, 90.989, -69.269
XYZ	44.393, 20.948, 90.507
xyY	0.285, 0.134, 20.948
CIE-LCH	52.892, 114.356, 322.718
CIE-LUV	52.892, 57.733, -116.304
Hunter-Lab	45.768, 93.04, -85.208
Binary	11010101, 00000001, 11111000

#d501f8
```
#d501f8 rgb(213,1,248)
```
#24f801
```
#24f801 rgb(36,248,1)
```

Complementary Color

#5a01f8
```
#5a01f8 rgb(90,1,248)
```
#d501f8
```
#d501f8 rgb(213,1,248)
```
#f801a0
```
#f801a0 rgb(248,1,160)
```

Analogous Color

#01f85a
```
#01f85a rgb(1,248,90)
```
#d501f8
```
#d501f8 rgb(213,1,248)
```
#a0f801
```
#a0f801 rgb(160,248,1)
```

Split Complementary Color

#01f8d5
```
#01f8d5 rgb(1,248,213)
```
#d501f8
```
#d501f8 rgb(213,1,248)
```
#f8d501
```
#f8d501 rgb(248,213,1)
```

Triadic Color

#0124f8
```
#0124f8 rgb(1,36,248)
```
#d501f8
```
#d501f8 rgb(213,1,248)
```
#f8d501
```
#f8d501 rgb(248,213,1)
```
#24f801
```
#24f801 rgb(36,248,1)
```

Tetradic Color

#9401ac
```
#9401ac rgb(148,1,172)
```
#a901c5
```
#a901c5 rgb(169,1,197)
```
#bf01df
```
#bf01df rgb(191,1,223)
```
#d501f8
```
#d501f8 rgb(213,1,248)
```
#dd14fe
```
#dd14fe rgb(221,20,254)
```
#e12efe
```
#e12efe rgb(225,46,254)
```
#e447fe
```
#e447fe rgb(228,71,254)
```

Monochromatic Color

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

#9701f8
```
#9701f8 rgb(151,1,248)
```
#ac01f8
```
#ac01f8 rgb(172,1,248)
```
#c001f8
```
#c001f8 rgb(192,1,248)
```
#d501f8
```
#d501f8 rgb(213,1,248)
```
#ea01f8
```
#ea01f8 rgb(234,1,248)
```
#f801f2
```
#f801f2 rgb(248,1,242)
```
#f801dd
```
#f801dd rgb(248,1,221)
```

Similar Colors

Text with hexadecimal color #d501f8

This text has a font color of #d501f8.

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

#d501f8 background color

This paragraph has a background color of #d501f8.

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

#d501f8 border color

This element has a border color of #d501f8.

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

CSS codes

.text {color:#d501f8;}

.background {background-color:#d501f8;}

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

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

#0c000e
```
#0c000e rgb(12,0,14)
```
#1c0021
```
#1c0021 rgb(28,0,33)
```
#2d0035
```
#2d0035 rgb(45,0,53)
```
#3e0048
```
#3e0048 rgb(62,0,72)
```
#4f005c
```
#4f005c rgb(79,0,92)
```
#60006f
```
#60006f rgb(96,0,111)
```
#700183
```
#700183 rgb(112,1,131)
```
#810196
```
#810196 rgb(129,1,150)
```
#9201aa
```
#9201aa rgb(146,1,170)
```
#a301bd
```
#a301bd rgb(163,1,189)
```
#b301d1
```
#b301d1 rgb(179,1,209)
```
#c401e4
```
#c401e4 rgb(196,1,228)
```
#d501f8
```
#d501f8 rgb(213,1,248)
```

Shade Color Variation

#dc0ffe
```
#dc0ffe rgb(220,15,254)
```
#df22fe
```
#df22fe rgb(223,34,254)
```
#e236fe
```
#e236fe rgb(226,54,254)
```
#e549fe
```
#e549fe rgb(229,73,254)
```
#e75dfe
```
#e75dfe rgb(231,93,254)
```
#ea70fe
```
#ea70fe rgb(234,112,254)
```
#ed84ff
```
#ed84ff rgb(237,132,255)
```
#f097ff
```
#f097ff rgb(240,151,255)
```
#f3abff
```
#f3abff rgb(243,171,255)
```
#f6beff
```
#f6beff rgb(246,190,255)
```
#f8d2ff
```
#f8d2ff rgb(248,210,255)
```
#fbe5ff
```
#fbe5ff rgb(251,229,255)
```
#fef9ff
```
#fef9ff rgb(254,249,255)
```

Tint Color Variation

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

#837485
```
#837485 rgb(131,116,133)
```
#8a6a8f
```
#8a6a8f rgb(138,106,143)
```
#906198
```
#906198 rgb(144,97,152)
```
#9757a2
```
#9757a2 rgb(151,87,162)
```
#9e4eab
```
#9e4eab rgb(158,78,171)
```
#a544b5
```
#a544b5 rgb(165,68,181)
```
#ac3abf
```
#ac3abf rgb(172,58,191)
```
#b331c8
```
#b331c8 rgb(179,49,200)
```
#ba27d2
```
#ba27d2 rgb(186,39,210)
```
#c01edb
```
#c01edb rgb(192,30,219)
```
#c714e5
```
#c714e5 rgb(199,20,229)
```
#ce0bee
```
#ce0bee rgb(206,11,238)
```
#d501f8
```
#d501f8 rgb(213,1,248)
```

Tone Color Variation

Below, you can see how #d501f8 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
#754b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fb Protanopia 1% of men
#1887e0 Deuteranopia 1% of men
#c36a71 Tritanopia 0.001% of the population

Trichromacy

#4d52fa Protanomaly 1% of men, 0.01% of women
#5d56e9 Deuteranomaly 6% of men, 0.4% of women
#c943a2 Tritanomaly 0.01% of the population

#d501f8 hex color

#d501f8 Color Information

#d501f8 Color Conversion

Color Schemes with #d501f8

Alternatives to #d501f8

#d501f8 Preview

Shades and Tints of #d501f8

Tones of #d501f8

Color Blindness Simulator