#d502f3 hex color

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

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

● #d502f3 color description : Vivid magenta.

The hexadecimal color #d502f3 has RGB values of R:213, G:2, B:243 and CMYK values of C:0.12, M:0.99, Y:0, K:0.05. Its decimal value is 13959923.

Hex triplet	d502f3	`#d502f3`
RGB Decimal	213, 2, 243	`rgb(213,2,243)`
RGB Percent	83.5, 0.8, 95.3	`rgb(83.5%,0.8%,95.3%)`
CMYK	12, 99, 0, 5
HSL	292.5°, 98.4, 48	`hsl(292.5,98.4%,48%)`
HSV (or HSB)	292.5°, 99.2, 95.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.579, 90.129, -66.978
XYZ	43.638, 20.663, 86.479
xyY	0.289, 0.137, 20.663
CIE-LCH	52.579, 112.291, 323.383
CIE-LUV	52.579, 59.4, -112.764
Hunter-Lab	45.457, 91.811, -80.977
Binary	11010101, 00000010, 11110011

#d502f3
```
#d502f3 rgb(213,2,243)
```
#20f302
```
#20f302 rgb(32,243,2)
```

Complementary Color

#5c02f3
```
#5c02f3 rgb(92,2,243)
```
#d502f3
```
#d502f3 rgb(213,2,243)
```
#f30299
```
#f30299 rgb(243,2,153)
```

Analogous Color

#02f35c
```
#02f35c rgb(2,243,92)
```
#d502f3
```
#d502f3 rgb(213,2,243)
```
#99f302
```
#99f302 rgb(153,243,2)
```

Split Complementary Color

#02f3d5
```
#02f3d5 rgb(2,243,213)
```
#d502f3
```
#d502f3 rgb(213,2,243)
```
#f3d502
```
#f3d502 rgb(243,213,2)
```

Triadic Color

#0220f3
```
#0220f3 rgb(2,32,243)
```
#d502f3
```
#d502f3 rgb(213,2,243)
```
#f3d502
```
#f3d502 rgb(243,213,2)
```
#20f302
```
#20f302 rgb(32,243,2)
```

Tetradic Color

#9201a7
```
#9201a7 rgb(146,1,167)
```
#a902c0
```
#a902c0 rgb(169,2,192)
```
#bf02da
```
#bf02da rgb(191,2,218)
```
#d502f3
```
#d502f3 rgb(213,2,243)
```
#e011fd
```
#e011fd rgb(224,17,253)
```
#e32bfd
```
#e32bfd rgb(227,43,253)
```
#e644fd
```
#e644fd rgb(230,68,253)
```

Monochromatic Color

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

#9902f3
```
#9902f3 rgb(153,2,243)
```
#ad02f3
```
#ad02f3 rgb(173,2,243)
```
#c102f3
```
#c102f3 rgb(193,2,243)
```
#d502f3
```
#d502f3 rgb(213,2,243)
```
#e902f3
```
#e902f3 rgb(233,2,243)
```
#f302e9
```
#f302e9 rgb(243,2,233)
```
#f302d5
```
#f302d5 rgb(243,2,213)
```

Similar Colors

Text with hexadecimal color #d502f3

This text has a font color of #d502f3.

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

#d502f3 background color

This paragraph has a background color of #d502f3.

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

#d502f3 border color

This element has a border color of #d502f3.

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

CSS codes

.text {color:#d502f3;}

.background {background-color:#d502f3;}

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

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, #08000a is the darkest color, while #fef5ff is the lightest one.

#08000a
```
#08000a rgb(8,0,10)
```
#19001d
```
#19001d rgb(25,0,29)
```
#2a0030
```
#2a0030 rgb(42,0,48)
```
#3c0144
```
#3c0144 rgb(60,1,68)
```
#4d0157
```
#4d0157 rgb(77,1,87)
```
#5e016b
```
#5e016b rgb(94,1,107)
```
#6f017e
```
#6f017e rgb(111,1,126)
```
#800192
```
#800192 rgb(128,1,146)
```
#9101a5
```
#9101a5 rgb(145,1,165)
```
#a202b9
```
#a202b9 rgb(162,2,185)
```
#b302cc
```
#b302cc rgb(179,2,204)
```
#c402e0
```
#c402e0 rgb(196,2,224)
```
#d502f3
```
#d502f3 rgb(213,2,243)
```

Shade Color Variation

#df0cfd
```
#df0cfd rgb(223,12,253)
```
#e21ffd
```
#e21ffd rgb(226,31,253)
```
#e433fd
```
#e433fd rgb(228,51,253)
```
#e746fd
```
#e746fd rgb(231,70,253)
```
#e959fe
```
#e959fe rgb(233,89,254)
```
#ec6dfe
```
#ec6dfe rgb(236,109,254)
```
#ee80fe
```
#ee80fe rgb(238,128,254)
```
#f194fe
```
#f194fe rgb(241,148,254)
```
#f3a7fe
```
#f3a7fe rgb(243,167,254)
```
#f6bbfe
```
#f6bbfe rgb(246,187,254)
```
#f9ceff
```
#f9ceff rgb(249,206,255)
```
#fbe2ff
```
#fbe2ff rgb(251,226,255)
```
#fef5ff
```
#fef5ff rgb(254,245,255)
```

Tint Color Variation

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

#807382
```
#807382 rgb(128,115,130)
```
#876a8b
```
#876a8b rgb(135,106,139)
```
#8e6095
```
#8e6095 rgb(142,96,149)
```
#95579e
```
#95579e rgb(149,87,158)
```
#9c4da8
```
#9c4da8 rgb(156,77,168)
```
#a344b1
```
#a344b1 rgb(163,68,177)
```
#ab3bba
```
#ab3bba rgb(171,59,186)
```
#b231c4
```
#b231c4 rgb(178,49,196)
```
#b928cd
```
#b928cd rgb(185,40,205)
```
#c01ed7
```
#c01ed7 rgb(192,30,215)
```
#c715e0
```
#c715e0 rgb(199,21,224)
```
#ce0bea
```
#ce0bea rgb(206,11,234)
```
#d502f3
```
#d502f3 rgb(213,2,243)
```

Tone Color Variation

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

#0080fa Protanopia 1% of men
#2b85dc Deuteranopia 1% of men
#c3686f Tritanopia 0.001% of the population

Trichromacy

#4d52f7 Protanomaly 1% of men, 0.01% of women
#6955e4 Deuteranomaly 6% of men, 0.4% of women
#ca439f Tritanomaly 0.01% of the population

#d502f3 hex color

#d502f3 Color Information

#d502f3 Color Conversion

Color Schemes with #d502f3

Alternatives to #d502f3

#d502f3 Preview

Shades and Tints of #d502f3

Tones of #d502f3

Color Blindness Simulator