#d502f8 hex color

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

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

● #d502f8 color description : Vivid magenta.

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

Hex triplet	d502f8	`#d502f8`
RGB Decimal	213, 2, 248	`rgb(213,2,248)`
RGB Percent	83.5, 0.8, 97.3	`rgb(83.5%,0.8%,97.3%)`
CMYK	14, 99, 0, 3
HSL	291.5°, 98.4, 49	`hsl(291.5,98.4%,49%)`
HSV (or HSB)	291.5°, 99.2, 97.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.916, 90.918, -69.231
XYZ	44.404, 20.969, 90.51
xyY	0.285, 0.135, 20.969
CIE-LCH	52.916, 114.276, 322.712
CIE-LUV	52.916, 57.7, -116.257
Hunter-Lab	45.792, 92.952, -85.135
Binary	11010101, 00000010, 11111000

#d502f8
```
#d502f8 rgb(213,2,248)
```
#25f802
```
#25f802 rgb(37,248,2)
```

Complementary Color

#5a02f8
```
#5a02f8 rgb(90,2,248)
```
#d502f8
```
#d502f8 rgb(213,2,248)
```
#f802a0
```
#f802a0 rgb(248,2,160)
```

Analogous Color

#02f85a
```
#02f85a rgb(2,248,90)
```
#d502f8
```
#d502f8 rgb(213,2,248)
```
#a0f802
```
#a0f802 rgb(160,248,2)
```

Split Complementary Color

#02f8d5
```
#02f8d5 rgb(2,248,213)
```
#d502f8
```
#d502f8 rgb(213,2,248)
```
#f8d502
```
#f8d502 rgb(248,213,2)
```

Triadic Color

#0225f8
```
#0225f8 rgb(2,37,248)
```
#d502f8
```
#d502f8 rgb(213,2,248)
```
#f8d502
```
#f8d502 rgb(248,213,2)
```
#25f802
```
#25f802 rgb(37,248,2)
```

Tetradic Color

#9401ac
```
#9401ac rgb(148,1,172)
```
#aa02c5
```
#aa02c5 rgb(170,2,197)
```
#bf02df
```
#bf02df rgb(191,2,223)
```
#d502f8
```
#d502f8 rgb(213,2,248)
```
#dc16fd
```
#dc16fd rgb(220,22,253)
```
#e030fd
```
#e030fd rgb(224,48,253)
```
#e449fe
```
#e449fe rgb(228,73,254)
```

Monochromatic Color

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

#9802f8
```
#9802f8 rgb(152,2,248)
```
#ac02f8
```
#ac02f8 rgb(172,2,248)
```
#c102f8
```
#c102f8 rgb(193,2,248)
```
#d502f8
```
#d502f8 rgb(213,2,248)
```
#ea02f8
```
#ea02f8 rgb(234,2,248)
```
#f802f2
```
#f802f2 rgb(248,2,242)
```
#f802de
```
#f802de rgb(248,2,222)
```

Similar Colors

Text with hexadecimal color #d502f8

This text has a font color of #d502f8.

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

#d502f8 background color

This paragraph has a background color of #d502f8.

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

#d502f8 border color

This element has a border color of #d502f8.

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

CSS codes

.text {color:#d502f8;}

.background {background-color:#d502f8;}

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

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 #fefaff is the lightest one.

#0c000e
```
#0c000e rgb(12,0,14)
```
#1d0022
```
#1d0022 rgb(29,0,34)
```
#2e0035
```
#2e0035 rgb(46,0,53)
```
#3f0149
```
#3f0149 rgb(63,1,73)
```
#4f015c
```
#4f015c rgb(79,1,92)
```
#600170
```
#600170 rgb(96,1,112)
```
#710183
```
#710183 rgb(113,1,131)
```
#810197
```
#810197 rgb(129,1,151)
```
#9201aa
```
#9201aa rgb(146,1,170)
```
#a302be
```
#a302be rgb(163,2,190)
```
#b402d1
```
#b402d1 rgb(180,2,209)
```
#c402e5
```
#c402e5 rgb(196,2,229)
```
#d502f8
```
#d502f8 rgb(213,2,248)
```

Shade Color Variation

#db11fd
```
#db11fd rgb(219,17,253)
```
#de24fd
```
#de24fd rgb(222,36,253)
```
#e137fd
```
#e137fd rgb(225,55,253)
```
#e44bfe
```
#e44bfe rgb(228,75,254)
```
#e75efe
```
#e75efe rgb(231,94,254)
```
#ea72fe
```
#ea72fe rgb(234,114,254)
```
#ed85fe
```
#ed85fe rgb(237,133,254)
```
#f099fe
```
#f099fe rgb(240,153,254)
```
#f3acfe
```
#f3acfe rgb(243,172,254)
```
#f6c0fe
```
#f6c0fe rgb(246,192,254)
```
#f8d3ff
```
#f8d3ff rgb(248,211,255)
```
#fbe7ff
```
#fbe7ff rgb(251,231,255)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#827585
```
#827585 rgb(130,117,133)
```
#896c8e
```
#896c8e rgb(137,108,142)
```
#906298
```
#906298 rgb(144,98,152)
```
#9759a1
```
#9759a1 rgb(151,89,161)
```
#9e4fab
```
#9e4fab rgb(158,79,171)
```
#a545b5
```
#a545b5 rgb(165,69,181)
```
#ac3cbe
```
#ac3cbe rgb(172,60,190)
```
#b332c8
```
#b332c8 rgb(179,50,200)
```
#b928d2
```
#b928d2 rgb(185,40,210)
```
#c01fdb
```
#c01fdb rgb(192,31,219)
```
#c715e5
```
#c715e5 rgb(199,21,229)
```
#ce0cee
```
#ce0cee rgb(206,12,238)
```
#d502f8
```
#d502f8 rgb(213,2,248)
```

Tone Color Variation

Below, you can see how #d502f8 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
#1987e0 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
#c944a2 Tritanomaly 0.01% of the population

#d502f8 hex color

#d502f8 Color Information

#d502f8 Color Conversion

Color Schemes with #d502f8

Alternatives to #d502f8

#d502f8 Preview

Shades and Tints of #d502f8

Tones of #d502f8

Color Blindness Simulator