#d302fe hex color

In a RGB color space, hex #d302fe is composed of 82.7% red, 0.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 99.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 289.8 degrees, a saturation of 99.2% and a lightness of 50.2%. #d302fe color hex could be obtained by blending #ff04ff with #a700fd. Closest websafe color is: #cc00ff.

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

● #d302fe color description : Vivid magenta.

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

Hex triplet	d302fe	`#d302fe`
RGB Decimal	211, 2, 254	`rgb(211,2,254)`
RGB Percent	82.7, 0.8, 99.6	`rgb(82.7%,0.8%,99.6%)`
CMYK	17, 99, 0, 0
HSL	289.8°, 99.2, 50.2	`hsl(289.8,99.2%,50.2%)`
HSV (or HSB)	289.8°, 99.2, 99.6
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	53.004, 91.609, -72.449
XYZ	44.773, 21.05, 95.465
xyY	0.278, 0.131, 21.05
CIE-LCH	53.004, 116.794, 321.661
CIE-LUV	53.004, 54.434, -120.919
Hunter-Lab	45.881, 93.9, -91.25
Binary	11010011, 00000010, 11111110

#d302fe
```
#d302fe rgb(211,2,254)
```
#2dfe02
```
#2dfe02 rgb(45,254,2)
```

Complementary Color

#5502fe
```
#5502fe rgb(85,2,254)
```
#d302fe
```
#d302fe rgb(211,2,254)
```
#fe02ab
```
#fe02ab rgb(254,2,171)
```

Analogous Color

#02fe55
```
#02fe55 rgb(2,254,85)
```
#d302fe
```
#d302fe rgb(211,2,254)
```
#abfe02
```
#abfe02 rgb(171,254,2)
```

Split Complementary Color

#02fed3
```
#02fed3 rgb(2,254,211)
```
#d302fe
```
#d302fe rgb(211,2,254)
```
#fed302
```
#fed302 rgb(254,211,2)
```

Triadic Color

#022dfe
```
#022dfe rgb(2,45,254)
```
#d302fe
```
#d302fe rgb(211,2,254)
```
#fed302
```
#fed302 rgb(254,211,2)
```
#2dfe02
```
#2dfe02 rgb(45,254,2)
```

Tetradic Color

#9401b3
```
#9401b3 rgb(148,1,179)
```
#a901cc
```
#a901cc rgb(169,1,204)
```
#bf01e6
```
#bf01e6 rgb(191,1,230)
```
#d302fe
```
#d302fe rgb(211,2,254)
```
#d71bfe
```
#d71bfe rgb(215,27,254)
```
#dc35fe
```
#dc35fe rgb(220,53,254)
```
#e04efe
```
#e04efe rgb(224,78,254)
```

Monochromatic Color

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

#9402fe
```
#9402fe rgb(148,2,254)
```
#a902fe
```
#a902fe rgb(169,2,254)
```
#be02fe
```
#be02fe rgb(190,2,254)
```
#d302fe
```
#d302fe rgb(211,2,254)
```
#e802fe
```
#e802fe rgb(232,2,254)
```
#fd02fe
```
#fd02fe rgb(253,2,254)
```
#fe02ea
```
#fe02ea rgb(254,2,234)
```

Similar Colors

Text with hexadecimal color #d302fe

This text has a font color of #d302fe.

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

#d302fe background color

This paragraph has a background color of #d302fe.

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

#d302fe border color

This element has a border color of #d302fe.

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

CSS codes

.text {color:#d302fe;}

.background {background-color:#d302fe;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#110015
```
#110015 rgb(17,0,21)
```
#210028
```
#210028 rgb(33,0,40)
```
#31003c
```
#31003c rgb(49,0,60)
```
#42004f
```
#42004f rgb(66,0,79)
```
#520063
```
#520063 rgb(82,0,99)
```
#620076
```
#620076 rgb(98,0,118)
```
#72018a
```
#72018a rgb(114,1,138)
```
#83019d
```
#83019d rgb(131,1,157)
```
#9301b1
```
#9301b1 rgb(147,1,177)
```
#a301c4
```
#a301c4 rgb(163,1,196)
```
#b301d8
```
#b301d8 rgb(179,1,216)
```
#c301eb
```
#c301eb rgb(195,1,235)
```

Shade Color Variation

#d302fe
```
#d302fe rgb(211,2,254)
```
#d616fe
```
#d616fe rgb(214,22,254)
```
#da29fe
```
#da29fe rgb(218,41,254)
```
#dd3dfe
```
#dd3dfe rgb(221,61,254)
```
#e150fe
```
#e150fe rgb(225,80,254)
```
#e464fe
```
#e464fe rgb(228,100,254)
```
#e777fe
```
#e777fe rgb(231,119,254)
```
#eb8bff
```
#eb8bff rgb(235,139,255)
```
#ee9eff
```
#ee9eff rgb(238,158,255)
```
#f2b2ff
```
#f2b2ff rgb(242,178,255)
```
#f5c5ff
```
#f5c5ff rgb(245,197,255)
```
#f8d9ff
```
#f8d9ff rgb(248,217,255)
```
#fcecff
```
#fcecff rgb(252,236,255)
```

Tint Color Variation

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

#867789
```
#867789 rgb(134,119,137)
```
#8c6d93
```
#8c6d93 rgb(140,109,147)
```
#93649c
```
#93649c rgb(147,100,156)
```
#995aa6
```
#995aa6 rgb(153,90,166)
```
#a050b0
```
#a050b0 rgb(160,80,176)
```
#a646ba
```
#a646ba rgb(166,70,186)
```
#ac3dc3
```
#ac3dc3 rgb(172,61,195)
```
#b333cd
```
#b333cd rgb(179,51,205)
```
#b929d7
```
#b929d7 rgb(185,41,215)
```
#c01fe1
```
#c01fe1 rgb(192,31,225)
```
#c616ea
```
#c616ea rgb(198,22,234)
```
#cd0cf4
```
#cd0cf4 rgb(205,12,244)
```
#d302fe
```
#d302fe rgb(211,2,254)
```

Tone Color Variation

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

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

#d302fe hex color

#d302fe Color Information

#d302fe Color Conversion

Color Schemes with #d302fe

Alternatives to #d302fe

#d302fe Preview

Shades and Tints of #d302fe

Tones of #d302fe

Color Blindness Simulator