#d301f7 hex color

In a RGB color space, hex #d301f7 is composed of 82.7% red, 0.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 99.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 291.2 degrees, a saturation of 99.2% and a lightness of 48.6%. #d301f7 color hex could be obtained by blending #ff02ff with #a700ef. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 83
- G 0
- B 97
RGB color chart
- C 15
- M 100
- Y 0
- K 3
CMYK color chart

● #d301f7 color description : Vivid magenta.

The hexadecimal color #d301f7 has RGB values of R:211, G:1, B:247 and CMYK values of C:0.15, M:1, Y:0, K:0.03. Its decimal value is 13828599.

Hex triplet	d301f7	`#d301f7`
RGB Decimal	211, 1, 247	`rgb(211,1,247)`
RGB Percent	82.7, 0.4, 96.9	`rgb(82.7%,0.4%,96.9%)`
CMYK	15, 100, 0, 3
HSL	291.2°, 99.2, 48.6	`hsl(291.2,99.2%,48.6%)`
HSV (or HSB)	291.2°, 99.6, 96.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.496, 90.554, -69.367
XYZ	43.662, 20.588, 89.665
xyY	0.284, 0.134, 20.588
CIE-LCH	52.496, 114.07, 322.547
CIE-LUV	52.496, 56.764, -116.143
Hunter-Lab	45.374, 92.357, -85.402
Binary	11010011, 00000001, 11110111

#d301f7
```
#d301f7 rgb(211,1,247)
```
#25f701
```
#25f701 rgb(37,247,1)
```

Complementary Color

#5801f7
```
#5801f7 rgb(88,1,247)
```
#d301f7
```
#d301f7 rgb(211,1,247)
```
#f701a0
```
#f701a0 rgb(247,1,160)
```

Analogous Color

#01f758
```
#01f758 rgb(1,247,88)
```
#d301f7
```
#d301f7 rgb(211,1,247)
```
#a0f701
```
#a0f701 rgb(160,247,1)
```

Split Complementary Color

#01f7d3
```
#01f7d3 rgb(1,247,211)
```
#d301f7
```
#d301f7 rgb(211,1,247)
```
#f7d301
```
#f7d301 rgb(247,211,1)
```

Triadic Color

#0125f7
```
#0125f7 rgb(1,37,247)
```
#d301f7
```
#d301f7 rgb(211,1,247)
```
#f7d301
```
#f7d301 rgb(247,211,1)
```
#25f701
```
#25f701 rgb(37,247,1)
```

Tetradic Color

#9201ab
```
#9201ab rgb(146,1,171)
```
#a801c4
```
#a801c4 rgb(168,1,196)
```
#bd01de
```
#bd01de rgb(189,1,222)
```
#d301f7
```
#d301f7 rgb(211,1,247)
```
#dc13fe
```
#dc13fe rgb(220,19,254)
```
#e02dfe
```
#e02dfe rgb(224,45,254)
```
#e346fe
```
#e346fe rgb(227,70,254)
```

Monochromatic Color

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

#9601f7
```
#9601f7 rgb(150,1,247)
```
#aa01f7
```
#aa01f7 rgb(170,1,247)
```
#bf01f7
```
#bf01f7 rgb(191,1,247)
```
#d301f7
```
#d301f7 rgb(211,1,247)
```
#e801f7
```
#e801f7 rgb(232,1,247)
```
#f701f2
```
#f701f2 rgb(247,1,242)
```
#f701de
```
#f701de rgb(247,1,222)
```

Similar Colors

Text with hexadecimal color #d301f7

This text has a font color of #d301f7.

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

#d301f7 background color

This paragraph has a background color of #d301f7.

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

#d301f7 border color

This element has a border color of #d301f7.

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

CSS codes

.text {color:#d301f7;}

.background {background-color:#d301f7;}

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

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

#0b000d
```
#0b000d rgb(11,0,13)
```
#1b0020
```
#1b0020 rgb(27,0,32)
```
#2c0034
```
#2c0034 rgb(44,0,52)
```
#3d0047
```
#3d0047 rgb(61,0,71)
```
#4d005b
```
#4d005b rgb(77,0,91)
```
#5e006e
```
#5e006e rgb(94,0,110)
```
#6f0182
```
#6f0182 rgb(111,1,130)
```
#800195
```
#800195 rgb(128,1,149)
```
#9001a9
```
#9001a9 rgb(144,1,169)
```
#a101bc
```
#a101bc rgb(161,1,188)
```
#b201d0
```
#b201d0 rgb(178,1,208)
```
#c201e3
```
#c201e3 rgb(194,1,227)
```
#d301f7
```
#d301f7 rgb(211,1,247)
```

Shade Color Variation

#db0efe
```
#db0efe rgb(219,14,254)
```
#de21fe
```
#de21fe rgb(222,33,254)
```
#e135fe
```
#e135fe rgb(225,53,254)
```
#e448fe
```
#e448fe rgb(228,72,254)
```
#e75cfe
```
#e75cfe rgb(231,92,254)
```
#e96ffe
```
#e96ffe rgb(233,111,254)
```
#ec83fe
```
#ec83fe rgb(236,131,254)
```
#ef96ff
```
#ef96ff rgb(239,150,255)
```
#f2aaff
```
#f2aaff rgb(242,170,255)
```
#f5bdff
```
#f5bdff rgb(245,189,255)
```
#f8d1ff
```
#f8d1ff rgb(248,209,255)
```
#fbe4ff
```
#fbe4ff rgb(251,228,255)
```
#fef8ff
```
#fef8ff rgb(254,248,255)
```

Tint Color Variation

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

#827385
```
#827385 rgb(130,115,133)
```
#896a8e
```
#896a8e rgb(137,106,142)
```
#906098
```
#906098 rgb(144,96,152)
```
#9657a1
```
#9657a1 rgb(150,87,161)
```
#9d4dab
```
#9d4dab rgb(157,77,171)
```
#a444b4
```
#a444b4 rgb(164,68,180)
```
#ab3abe
```
#ab3abe rgb(171,58,190)
```
#b131c7
```
#b131c7 rgb(177,49,199)
```
#b827d1
```
#b827d1 rgb(184,39,209)
```
#bf1eda
```
#bf1eda rgb(191,30,218)
```
#c614e4
```
#c614e4 rgb(198,20,228)
```
#cc0bed
```
#cc0bed rgb(204,11,237)
```
#d301f7
```
#d301f7 rgb(211,1,247)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#744a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080f9 Protanopia 1% of men
#0d86df Deuteranopia 1% of men
#c16970 Tritanopia 0.001% of the population

Trichromacy

#4c51f8 Protanomaly 1% of men, 0.01% of women
#5555e8 Deuteranomaly 6% of men, 0.4% of women
#c743a1 Tritanomaly 0.01% of the population

#d301f7 hex color

#d301f7 Color Information

#d301f7 Color Conversion

Color Schemes with #d301f7

Alternatives to #d301f7

#d301f7 Preview

Shades and Tints of #d301f7

Tones of #d301f7

Color Blindness Simulator