#d31fe4 hex color

In a RGB color space, hex #d31fe4 is composed of 82.7% red, 12.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 7.5% cyan, 86.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 294.8 degrees, a saturation of 78.5% and a lightness of 50.8%. #d31fe4 color hex could be obtained by blending #ff3eff with #a700c9. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 83
- G 12
- B 89
RGB color chart
- C 7
- M 86
- Y 0
- K 11
CMYK color chart

● #d31fe4 color description : Vivid magenta.

The hexadecimal color #d31fe4 has RGB values of R:211, G:31, B:228 and CMYK values of C:0.07, M:0.86, Y:0, K:0.11. Its decimal value is 13836260.

Hex triplet	d31fe4	`#d31fe4`
RGB Decimal	211, 31, 228	`rgb(211,31,228)`
RGB Percent	82.7, 12.2, 89.4	`rgb(82.7%,12.2%,89.4%)`
CMYK	7, 86, 0, 11
HSL	294.8°, 78.5, 50.8	`hsl(294.8,78.5%,50.8%)`
HSV (or HSB)	294.8°, 86.4, 89.4
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.323, 84.387, -58.957
XYZ	41.356, 20.433, 75.16
xyY	0.302, 0.149, 20.433
CIE-LCH	52.323, 102.942, 325.06
CIE-LUV	52.323, 61.691, -100.388
Hunter-Lab	45.203, 84.207, -66.942
Binary	11010011, 00011111, 11100100

#d31fe4
```
#d31fe4 rgb(211,31,228)
```
#30e41f
```
#30e41f rgb(48,228,31)
```

Complementary Color

#711fe4
```
#711fe4 rgb(113,31,228)
```
#d31fe4
```
#d31fe4 rgb(211,31,228)
```
#e41f93
```
#e41f93 rgb(228,31,147)
```

Analogous Color

#1fe471
```
#1fe471 rgb(31,228,113)
```
#d31fe4
```
#d31fe4 rgb(211,31,228)
```
#93e41f
```
#93e41f rgb(147,228,31)
```

Split Complementary Color

#1fe4d3
```
#1fe4d3 rgb(31,228,211)
```
#d31fe4
```
#d31fe4 rgb(211,31,228)
```
#e4d31f
```
#e4d31f rgb(228,211,31)
```

Triadic Color

#1f30e4
```
#1f30e4 rgb(31,48,228)
```
#d31fe4
```
#d31fe4 rgb(211,31,228)
```
#e4d31f
```
#e4d31f rgb(228,211,31)
```
#30e41f
```
#30e41f rgb(48,228,31)
```

Tetradic Color

#9714a3
```
#9714a3 rgb(151,20,163)
```
#ac16ba
```
#ac16ba rgb(172,22,186)
```
#c119d0
```
#c119d0 rgb(193,25,208)
```
#d31fe4
```
#d31fe4 rgb(211,31,228)
```
#d736e7
```
#d736e7 rgb(215,54,231)
```
#dc4de9
```
#dc4de9 rgb(220,77,233)
```
#e063ec
```
#e063ec rgb(224,99,236)
```

Monochromatic Color

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

#a21fe4
```
#a21fe4 rgb(162,31,228)
```
#b21fe4
```
#b21fe4 rgb(178,31,228)
```
#c31fe4
```
#c31fe4 rgb(195,31,228)
```
#d31fe4
```
#d31fe4 rgb(211,31,228)
```
#e31fe4
```
#e31fe4 rgb(227,31,228)
```
#e41fd4
```
#e41fd4 rgb(228,31,212)
```
#e41fc4
```
#e41fc4 rgb(228,31,196)
```

Similar Colors

Text with hexadecimal color #d31fe4

This text has a font color of #d31fe4.

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

#d31fe4 background color

This paragraph has a background color of #d31fe4.

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

#d31fe4 border color

This element has a border color of #d31fe4.

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

CSS codes

.text {color:#d31fe4;}

.background {background-color:#d31fe4;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#130315
```
#130315 rgb(19,3,21)
```
#240527
```
#240527 rgb(36,5,39)
```
#340738
```
#340738 rgb(52,7,56)
```
#44094a
```
#44094a rgb(68,9,74)
```
#540b5b
```
#540b5b rgb(84,11,91)
```
#640d6d
```
#640d6d rgb(100,13,109)
```
#750f7e
```
#750f7e rgb(117,15,126)
```
#851190
```
#851190 rgb(133,17,144)
```
#9513a1
```
#9513a1 rgb(149,19,161)
```
#a516b3
```
#a516b3 rgb(165,22,179)
```
#b518c4
```
#b518c4 rgb(181,24,196)
```
#c51ad6
```
#c51ad6 rgb(197,26,214)
```

Shade Color Variation

#d31fe4
```
#d31fe4 rgb(211,31,228)
```
#d631e6
```
#d631e6 rgb(214,49,230)
```
#da42e8
```
#da42e8 rgb(218,66,232)
```
#dd54ea
```
#dd54ea rgb(221,84,234)
```
#e165ec
```
#e165ec rgb(225,101,236)
```
#e477ef
```
#e477ef rgb(228,119,239)
```
#e888f1
```
#e888f1 rgb(232,136,241)
```
#eb9af3
```
#eb9af3 rgb(235,154,243)
```
#efabf5
```
#efabf5 rgb(239,171,245)
```
#f2bdf7
```
#f2bdf7 rgb(242,189,247)
```
#f5cef9
```
#f5cef9 rgb(245,206,249)
```
#f9e0fb
```
#f9e0fb rgb(249,224,251)
```
#fcf1fd
```
#fcf1fd rgb(252,241,253)
```

Tint Color Variation

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

#838083
```
#838083 rgb(131,128,131)
```
#8b768d
```
#8b768d rgb(139,118,141)
```
#936c97
```
#936c97 rgb(147,108,151)
```
#9b63a0
```
#9b63a0 rgb(155,99,160)
```
#a359aa
```
#a359aa rgb(163,89,170)
```
#ab4fb4
```
#ab4fb4 rgb(171,79,180)
```
#b346bd
```
#b346bd rgb(179,70,189)
```
#bb3cc7
```
#bb3cc7 rgb(187,60,199)
```
#c332d1
```
#c332d1 rgb(195,50,209)
```
#cb29da
```
#cb29da rgb(203,41,218)
```
#d31fe4
```
#d31fe4 rgb(211,31,228)
```
#db15ee
```
#db15ee rgb(219,21,238)
```
#e30cf7
```
#e30cf7 rgb(227,12,247)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#805c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#4a84d0 Deuteranopia 1% of men
#c4666d Tritanopia 0.001% of the population

Trichromacy

#4c5cf1 Protanomaly 1% of men, 0.01% of women
#7c5fd7 Deuteranomaly 6% of men, 0.4% of women
#ca4c98 Tritanomaly 0.01% of the population

#d31fe4 hex color

#d31fe4 Color Information

#d31fe4 Color Conversion

Color Schemes with #d31fe4

Alternatives to #d31fe4

#d31fe4 Preview

Shades and Tints of #d31fe4

Tones of #d31fe4

Color Blindness Simulator