colorhexa.com

#d302fa hex color

In a RGB color space, hex #d302fa is composed of 82.7% red, 0.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 15.6% cyan, 99.2% magenta, 0% yellow and 2% black. It has a hue angle of 290.6 degrees, a saturation of 98.4% and a lightness of 49.4%. #d302fa color hex could be obtained by blending #ff04ff with #a700f5. Closest websafe color is: #cc00ff.

- R 83
- G 1
- B 98
RGB color chart
- C 16
- M 99
- Y 0
- K 2
CMYK color chart

● #d302fa color description : Vivid magenta.

The hexadecimal color #d302fa has RGB values of R:211, G:2, B:250 and CMYK values of C:0.16, M:0.99, Y:0, K:0.02. Its decimal value is 13828858.

Hex triplet	d302fa	`#d302fa`
RGB Decimal	211, 2, 250	`rgb(211,2,250)`
RGB Percent	82.7, 0.8, 98	`rgb(82.7%,0.8%,98%)`
CMYK	16, 99, 0, 2
HSL	290.6°, 98.4, 49.4	`hsl(290.6,98.4%,49.4%)`
HSV (or HSB)	290.6°, 99.2, 98
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.726, 90.963, -70.67
XYZ	44.139, 20.797, 92.126
xyY	0.281, 0.132, 20.797
CIE-LCH	52.726, 115.189, 322.156
CIE-LUV	52.726, 55.736, -118.17
Hunter-Lab	45.603, 92.963, -87.853
Binary	11010011, 00000010, 11111010

#d302fa
```
#d302fa rgb(211,2,250)
```
#29fa02
```
#29fa02 rgb(41,250,2)
```

Complementary Color

#5702fa
```
#5702fa rgb(87,2,250)
```
#d302fa
```
#d302fa rgb(211,2,250)
```
#fa02a5
```
#fa02a5 rgb(250,2,165)
```

Analogous Color

#02fa57
```
#02fa57 rgb(2,250,87)
```
#d302fa
```
#d302fa rgb(211,2,250)
```
#a5fa02
```
#a5fa02 rgb(165,250,2)
```

Split Complementary Color

#02fad3
```
#02fad3 rgb(2,250,211)
```
#d302fa
```
#d302fa rgb(211,2,250)
```
#fad302
```
#fad302 rgb(250,211,2)
```

Triadic Color

#9301ae
```
#9301ae rgb(147,1,174)
```
#a802c7
```
#a802c7 rgb(168,2,199)
```
#be02e1
```
#be02e1 rgb(190,2,225)
```
#d302fa
```
#d302fa rgb(211,2,250)
```
#d918fd
```
#d918fd rgb(217,24,253)
```
#dd32fd
```
#dd32fd rgb(221,50,253)
```
#e14bfe
```
#e14bfe rgb(225,75,254)
```

Monochromatic Color

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

#9502fa
```
#9502fa rgb(149,2,250)
```
#aa02fa
```
#aa02fa rgb(170,2,250)
```
#be02fa
```
#be02fa rgb(190,2,250)
```
#d302fa
```
#d302fa rgb(211,2,250)
```
#e802fa
```
#e802fa rgb(232,2,250)
```
#fa02f8
```
#fa02f8 rgb(250,2,248)
```
#fa02e3
```
#fa02e3 rgb(250,2,227)
```

Similar Colors

Text with hexadecimal color #d302fa

This text has a font color of #d302fa.

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

#d302fa background color

This paragraph has a background color of #d302fa.

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

#d302fa border color

This element has a border color of #d302fa.

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

CSS codes

.text {color:#d302fa;}

.background {background-color:#d302fa;}

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

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

#0e0010
```
#0e0010 rgb(14,0,16)
```
#1e0024
```
#1e0024 rgb(30,0,36)
```
#2f0037
```
#2f0037 rgb(47,0,55)
```
#3f014b
```
#3f014b rgb(63,1,75)
```
#50015e
```
#50015e rgb(80,1,94)
```
#600172
```
#600172 rgb(96,1,114)
```
#700185
```
#700185 rgb(112,1,133)
```
#810199
```
#810199 rgb(129,1,153)
```
#9101ac
```
#9101ac rgb(145,1,172)
```
#a202c0
```
#a202c0 rgb(162,2,192)
```
#b202d3
```
#b202d3 rgb(178,2,211)
```
#c302e7
```
#c302e7 rgb(195,2,231)
```
#d302fa
```
#d302fa rgb(211,2,250)
```

Shade Color Variation

#d813fd
```
#d813fd rgb(216,19,253)
```
#db26fd
```
#db26fd rgb(219,38,253)
```
#df39fd
```
#df39fd rgb(223,57,253)
```
#e24dfe
```
#e24dfe rgb(226,77,254)
```
#e560fe
```
#e560fe rgb(229,96,254)
```
#e874fe
```
#e874fe rgb(232,116,254)
```
#eb87fe
```
#eb87fe rgb(235,135,254)
```
#ef9bfe
```
#ef9bfe rgb(239,155,254)
```
#f2aefe
```
#f2aefe rgb(242,174,254)
```
#f5c2ff
```
#f5c2ff rgb(245,194,255)
```
#f8d5ff
```
#f8d5ff rgb(248,213,255)
```
#fbe9ff
```
#fbe9ff rgb(251,233,255)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#837686
```
#837686 rgb(131,118,134)
```
#8a6d8f
```
#8a6d8f rgb(138,109,143)
```
#916399
```
#916399 rgb(145,99,153)
```
#9759a3
```
#9759a3 rgb(151,89,163)
```
#9e50ac
```
#9e50ac rgb(158,80,172)
```
#a446b6
```
#a446b6 rgb(164,70,182)
```
#ab3cc0
```
#ab3cc0 rgb(171,60,192)
```
#b232ca
```
#b232ca rgb(178,50,202)
```
#b829d3
```
#b829d3 rgb(184,41,211)
```
#bf1fdd
```
#bf1fdd rgb(191,31,221)
```
#c615e7
```
#c615e7 rgb(198,21,231)
```
#cc0cf0
```
#cc0cf0 rgb(204,12,240)
```
#d302fa
```
#d302fa rgb(211,2,250)
```

Tone Color Variation

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

#0080fa Protanopia 1% of men
#0086e0 Deuteranopia 1% of men
#c06b72 Tritanopia 0.001% of the population

Trichromacy

#4c52fa Protanomaly 1% of men, 0.01% of women
#4c56e9 Deuteranomaly 6% of men, 0.4% of women
#c744a3 Tritanomaly 0.01% of the population