#d302fd hex color

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

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

● #d302fd color description : Vivid magenta.

The hexadecimal color #d302fd has RGB values of R:211, G:2, B:253 and CMYK values of C:0.17, M:0.99, Y:0, K:0.01. Its decimal value is 13828861.

Hex triplet	d302fd	`#d302fd`
RGB Decimal	211, 2, 253	`rgb(211,2,253)`
RGB Percent	82.7, 0.8, 99.2	`rgb(82.7%,0.8%,99.2%)`
CMYK	17, 99, 0, 1
HSL	290°, 98.4, 50	`hsl(290,98.4%,50%)`
HSV (or HSB)	290°, 99.2, 99.2
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.935, 91.447, -72.005
XYZ	44.613, 20.986, 94.624
xyY	0.278, 0.131, 20.986
CIE-LCH	52.935, 116.393, 321.783
CIE-LUV	52.935, 54.757, -120.234
Hunter-Lab	45.811, 93.665, -90.398
Binary	11010011, 00000010, 11111101

#d302fd
```
#d302fd rgb(211,2,253)
```
#2cfd02
```
#2cfd02 rgb(44,253,2)
```

Complementary Color

#5602fd
```
#5602fd rgb(86,2,253)
```
#d302fd
```
#d302fd rgb(211,2,253)
```
#fd02aa
```
#fd02aa rgb(253,2,170)
```

Analogous Color

#02fd56
```
#02fd56 rgb(2,253,86)
```
#d302fd
```
#d302fd rgb(211,2,253)
```
#aafd02
```
#aafd02 rgb(170,253,2)
```

Split Complementary Color

#02fdd3
```
#02fdd3 rgb(2,253,211)
```
#d302fd
```
#d302fd rgb(211,2,253)
```
#fdd302
```
#fdd302 rgb(253,211,2)
```

Triadic Color

#022cfd
```
#022cfd rgb(2,44,253)
```
#d302fd
```
#d302fd rgb(211,2,253)
```
#fdd302
```
#fdd302 rgb(253,211,2)
```
#2cfd02
```
#2cfd02 rgb(44,253,2)
```

Tetradic Color

#9401b1
```
#9401b1 rgb(148,1,177)
```
#a902ca
```
#a902ca rgb(169,2,202)
```
#be02e4
```
#be02e4 rgb(190,2,228)
```
#d302fd
```
#d302fd rgb(211,2,253)
```
#d71bfd
```
#d71bfd rgb(215,27,253)
```
#dc35fd
```
#dc35fd rgb(220,53,253)
```
#e04efe
```
#e04efe rgb(224,78,254)
```

Monochromatic Color

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

#9402fd
```
#9402fd rgb(148,2,253)
```
#a902fd
```
#a902fd rgb(169,2,253)
```
#be02fd
```
#be02fd rgb(190,2,253)
```
#d302fd
```
#d302fd rgb(211,2,253)
```
#e802fd
```
#e802fd rgb(232,2,253)
```
#fd02fd
```
#fd02fd rgb(253,2,253)
```
#fd02e8
```
#fd02e8 rgb(253,2,232)
```

Similar Colors

Text with hexadecimal color #d302fd

This text has a font color of #d302fd.

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

#d302fd background color

This paragraph has a background color of #d302fd.

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

#d302fd border color

This element has a border color of #d302fd.

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

CSS codes

.text {color:#d302fd;}

.background {background-color:#d302fd;}

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

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)
```
#200027
```
#200027 rgb(32,0,39)
```
#31003a
```
#31003a rgb(49,0,58)
```
#41014e
```
#41014e rgb(65,1,78)
```
#510161
```
#510161 rgb(81,1,97)
```
#610175
```
#610175 rgb(97,1,117)
```
#720188
```
#720188 rgb(114,1,136)
```
#82019c
```
#82019c rgb(130,1,156)
```
#9201af
```
#9201af rgb(146,1,175)
```
#a202c3
```
#a202c3 rgb(162,2,195)
```
#b302d6
```
#b302d6 rgb(179,2,214)
```
#c302ea
```
#c302ea rgb(195,2,234)
```
#d302fd
```
#d302fd rgb(211,2,253)
```

Shade Color Variation

#d615fd
```
#d615fd rgb(214,21,253)
```
#da29fd
```
#da29fd rgb(218,41,253)
```
#dd3cfd
```
#dd3cfd rgb(221,60,253)
```
#e150fe
```
#e150fe rgb(225,80,254)
```
#e463fe
```
#e463fe rgb(228,99,254)
```
#e777fe
```
#e777fe rgb(231,119,254)
```
#eb8afe
```
#eb8afe rgb(235,138,254)
```
#ee9efe
```
#ee9efe rgb(238,158,254)
```
#f1b1fe
```
#f1b1fe rgb(241,177,254)
```
#f5c5ff
```
#f5c5ff rgb(245,197,255)
```
#f8d8ff
```
#f8d8ff rgb(248,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 #d302fd is the most saturated one.

#857887
```
#857887 rgb(133,120,135)
```
#8b6e91
```
#8b6e91 rgb(139,110,145)
```
#92649b
```
#92649b rgb(146,100,155)
```
#985aa5
```
#985aa5 rgb(152,90,165)
```
#9f50af
```
#9f50af rgb(159,80,175)
```
#a547b8
```
#a547b8 rgb(165,71,184)
```
#ac3dc2
```
#ac3dc2 rgb(172,61,194)
```
#b233cc
```
#b233cc rgb(178,51,204)
```
#b929d6
```
#b929d6 rgb(185,41,214)
```
#bf1fe0
```
#bf1fe0 rgb(191,31,224)
```
#c616e9
```
#c616e9 rgb(198,22,233)
```
#cc0cf3
```
#cc0cf3 rgb(204,12,243)
```
#d302fd
```
#d302fd rgb(211,2,253)
```

Tone Color Variation

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

Dichromacy

#0081fb Protanopia 1% of men
#0087e1 Deuteranopia 1% of men
#bf6c73 Tritanopia 0.001% of the population

Trichromacy

#4c52fc Protanomaly 1% of men, 0.01% of women
#4c56eb Deuteranomaly 6% of men, 0.4% of women
#c645a5 Tritanomaly 0.01% of the population

#d302fd hex color

#d302fd Color Information

#d302fd Color Conversion

Color Schemes with #d302fd

Alternatives to #d302fd

#d302fd Preview

Shades and Tints of #d302fd

Tones of #d302fd

Color Blindness Simulator