#d502fd hex color

In a RGB color space, hex #d502fd is composed of 83.5% red, 0.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 99.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 290.4 degrees, a saturation of 98.4% and a lightness of 50%. #d502fd color hex could be obtained by blending #ff04ff with #ab00fb. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 84
- G 1
- B 99
RGB color chart
- C 16
- M 99
- Y 0
- K 1
CMYK color chart

● #d502fd color description : Vivid magenta.

The hexadecimal color #d502fd has RGB values of R:213, G:2, B:253 and CMYK values of C:0.16, M:0.99, Y:0, K:0.01. Its decimal value is 13959933.

Hex triplet	d502fd	`#d502fd`
RGB Decimal	213, 2, 253	`rgb(213,2,253)`
RGB Percent	83.5, 0.8, 99.2	`rgb(83.5%,0.8%,99.2%)`
CMYK	16, 99, 0, 1
HSL	290.4°, 98.4, 50	`hsl(290.4,98.4%,50%)`
HSV (or HSB)	290.4°, 99.2, 99.2
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	53.259, 91.717, -71.465
XYZ	45.19, 21.284, 94.651
xyY	0.28, 0.132, 21.284
CIE-LCH	53.259, 116.272, 322.075
CIE-LUV	53.259, 56.039, -119.717
Hunter-Lab	46.134, 94.111, -89.348
Binary	11010101, 00000010, 11111101

#d502fd
```
#d502fd rgb(213,2,253)
```
#2afd02
```
#2afd02 rgb(42,253,2)
```

Complementary Color

#5702fd
```
#5702fd rgb(87,2,253)
```
#d502fd
```
#d502fd rgb(213,2,253)
```
#fd02a8
```
#fd02a8 rgb(253,2,168)
```

Analogous Color

#02fd57
```
#02fd57 rgb(2,253,87)
```
#d502fd
```
#d502fd rgb(213,2,253)
```
#a8fd02
```
#a8fd02 rgb(168,253,2)
```

Split Complementary Color

#02fdd5
```
#02fdd5 rgb(2,253,213)
```
#d502fd
```
#d502fd rgb(213,2,253)
```
#fdd502
```
#fdd502 rgb(253,213,2)
```

Triadic Color

#022afd
```
#022afd rgb(2,42,253)
```
#d502fd
```
#d502fd rgb(213,2,253)
```
#fdd502
```
#fdd502 rgb(253,213,2)
```
#2afd02
```
#2afd02 rgb(42,253,2)
```

Tetradic Color

#9501b1
```
#9501b1 rgb(149,1,177)
```
#aa02ca
```
#aa02ca rgb(170,2,202)
```
#c002e4
```
#c002e4 rgb(192,2,228)
```
#d502fd
```
#d502fd rgb(213,2,253)
```
#d91bfd
```
#d91bfd rgb(217,27,253)
```
#dd35fd
```
#dd35fd rgb(221,53,253)
```
#e24efe
```
#e24efe rgb(226,78,254)
```

Monochromatic Color

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

#9602fd
```
#9602fd rgb(150,2,253)
```
#ab02fd
```
#ab02fd rgb(171,2,253)
```
#c002fd
```
#c002fd rgb(192,2,253)
```
#d502fd
```
#d502fd rgb(213,2,253)
```
#ea02fd
```
#ea02fd rgb(234,2,253)
```
#fd02fb
```
#fd02fb rgb(253,2,251)
```
#fd02e6
```
#fd02e6 rgb(253,2,230)
```

Similar Colors

Text with hexadecimal color #d502fd

This text has a font color of #d502fd.

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

#d502fd background color

This paragraph has a background color of #d502fd.

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

#d502fd border color

This element has a border color of #d502fd.

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

CSS codes

.text {color:#d502fd;}

.background {background-color:#d502fd;}

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

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

#100013
```
#100013 rgb(16,0,19)
```
#210027
```
#210027 rgb(33,0,39)
```
#31003a
```
#31003a rgb(49,0,58)
```
#42014e
```
#42014e rgb(66,1,78)
```
#520161
```
#520161 rgb(82,1,97)
```
#620175
```
#620175 rgb(98,1,117)
```
#730188
```
#730188 rgb(115,1,136)
```
#83019c
```
#83019c rgb(131,1,156)
```
#9301af
```
#9301af rgb(147,1,175)
```
#a402c3
```
#a402c3 rgb(164,2,195)
```
#b402d6
```
#b402d6 rgb(180,2,214)
```
#c502ea
```
#c502ea rgb(197,2,234)
```
#d502fd
```
#d502fd rgb(213,2,253)
```

Shade Color Variation

#d815fd
```
#d815fd rgb(216,21,253)
```
#db29fd
```
#db29fd rgb(219,41,253)
```
#df3cfd
```
#df3cfd rgb(223,60,253)
```
#e250fe
```
#e250fe rgb(226,80,254)
```
#e563fe
```
#e563fe rgb(229,99,254)
```
#e877fe
```
#e877fe rgb(232,119,254)
```
#ec8afe
```
#ec8afe rgb(236,138,254)
```
#ef9efe
```
#ef9efe rgb(239,158,254)
```
#f2b1fe
```
#f2b1fe rgb(242,177,254)
```
#f5c5ff
```
#f5c5ff rgb(245,197,255)
```
#f9d8ff
```
#f9d8ff rgb(249,216,255)
```
#fcecff
```
#fcecff rgb(252,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#857887
```
#857887 rgb(133,120,135)
```
#8c6e91
```
#8c6e91 rgb(140,110,145)
```
#92649b
```
#92649b rgb(146,100,155)
```
#995aa5
```
#995aa5 rgb(153,90,165)
```
#a050af
```
#a050af rgb(160,80,175)
```
#a647b8
```
#a647b8 rgb(166,71,184)
```
#ad3dc2
```
#ad3dc2 rgb(173,61,194)
```
#b433cc
```
#b433cc rgb(180,51,204)
```
#ba29d6
```
#ba29d6 rgb(186,41,214)
```
#c11fe0
```
#c11fe0 rgb(193,31,224)
```
#c816e9
```
#c816e9 rgb(200,22,233)
```
#ce0cf3
```
#ce0cf3 rgb(206,12,243)
```
#d502fd
```
#d502fd rgb(213,2,253)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#764c7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0082fd Protanopia 1% of men
#0088e2 Deuteranopia 1% of men
#c26c73 Tritanopia 0.001% of the population

Trichromacy

#4d53fd Protanomaly 1% of men, 0.01% of women
#4d57ec Deuteranomaly 6% of men, 0.4% of women
#c845a5 Tritanomaly 0.01% of the population

#d502fd hex color

#d502fd Color Information

#d502fd Color Conversion

Color Schemes with #d502fd

Alternatives to #d502fd

#d502fd Preview

Shades and Tints of #d502fd

Tones of #d502fd

Color Blindness Simulator