#d31fde hex color

In a RGB color space, hex #d31fde is composed of 82.7% red, 12.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 5% cyan, 86% magenta, 0% yellow and 12.9% black. It has a hue angle of 296.5 degrees, a saturation of 75.5% and a lightness of 49.6%. #d31fde color hex could be obtained by blending #ff3eff with #a700bd. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 83
- G 12
- B 87
RGB color chart
- C 5
- M 86
- Y 0
- K 13
CMYK color chart

● #d31fde color description : Vivid magenta.

The hexadecimal color #d31fde has RGB values of R:211, G:31, B:222 and CMYK values of C:0.05, M:0.86, Y:0, K:0.13. Its decimal value is 13836254.

Hex triplet	d31fde	`#d31fde`
RGB Decimal	211, 31, 222	`rgb(211,31,222)`
RGB Percent	82.7, 12.2, 87.1	`rgb(82.7%,12.2%,87.1%)`
CMYK	5, 86, 0, 13
HSL	296.5°, 75.5, 49.6	`hsl(296.5,75.5%,49.6%)`
HSV (or HSB)	296.5°, 86, 87.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	51.956, 83.452, -56.143
XYZ	40.538, 20.105, 70.849
xyY	0.308, 0.153, 20.105
CIE-LCH	51.956, 100.58, 326.069
CIE-LUV	51.956, 63.828, -95.983
Hunter-Lab	44.839, 82.909, -62.295
Binary	11010011, 00011111, 11011110

#d31fde
```
#d31fde rgb(211,31,222)
```
#2ade1f
```
#2ade1f rgb(42,222,31)
```

Complementary Color

#741fde
```
#741fde rgb(116,31,222)
```
#d31fde
```
#d31fde rgb(211,31,222)
```
#de1f8a
```
#de1f8a rgb(222,31,138)
```

Analogous Color

#1fde74
```
#1fde74 rgb(31,222,116)
```
#d31fde
```
#d31fde rgb(211,31,222)
```
#8ade1f
```
#8ade1f rgb(138,222,31)
```

Split Complementary Color

#1fded3
```
#1fded3 rgb(31,222,211)
```
#d31fde
```
#d31fde rgb(211,31,222)
```
#ded31f
```
#ded31f rgb(222,211,31)
```

Triadic Color

#1f2ade
```
#1f2ade rgb(31,42,222)
```
#d31fde
```
#d31fde rgb(211,31,222)
```
#ded31f
```
#ded31f rgb(222,211,31)
```
#2ade1f
```
#2ade1f rgb(42,222,31)
```

Tetradic Color

#93169b
```
#93169b rgb(147,22,155)
```
#a819b1
```
#a819b1 rgb(168,25,177)
```
#be1cc8
```
#be1cc8 rgb(190,28,200)
```
#d31fde
```
#d31fde rgb(211,31,222)
```
#d934e3
```
#d934e3 rgb(217,52,227)
```
#dd4ae6
```
#dd4ae6 rgb(221,74,230)
```
#e161e9
```
#e161e9 rgb(225,97,233)
```

Monochromatic Color

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

#a31fde
```
#a31fde rgb(163,31,222)
```
#b31fde
```
#b31fde rgb(179,31,222)
```
#c31fde
```
#c31fde rgb(195,31,222)
```
#d31fde
```
#d31fde rgb(211,31,222)
```
#de1fd9
```
#de1fd9 rgb(222,31,217)
```
#de1fc9
```
#de1fc9 rgb(222,31,201)
```
#de1fb9
```
#de1fb9 rgb(222,31,185)
```

Similar Colors

Text with hexadecimal color #d31fde

This text has a font color of #d31fde.

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

#d31fde background color

This paragraph has a background color of #d31fde.

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

#d31fde border color

This element has a border color of #d31fde.

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

CSS codes

.text {color:#d31fde;}

.background {background-color:#d31fde;}

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

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

#0f020f
```
#0f020f rgb(15,2,15)
```
#1f0521
```
#1f0521 rgb(31,5,33)
```
#2f0732
```
#2f0732 rgb(47,7,50)
```
#400943
```
#400943 rgb(64,9,67)
```
#500c54
```
#500c54 rgb(80,12,84)
```
#600e66
```
#600e66 rgb(96,14,102)
```
#711177
```
#711177 rgb(113,17,119)
```
#811388
```
#811388 rgb(129,19,136)
```
#921599
```
#921599 rgb(146,21,153)
```
#a218aa
```
#a218aa rgb(162,24,170)
```
#b21abc
```
#b21abc rgb(178,26,188)
```
#c31dcd
```
#c31dcd rgb(195,29,205)
```
#d31fde
```
#d31fde rgb(211,31,222)
```

Shade Color Variation

#d82fe2
```
#d82fe2 rgb(216,47,226)
```
#db40e4
```
#db40e4 rgb(219,64,228)
```
#de51e7
```
#de51e7 rgb(222,81,231)
```
#e162e9
```
#e162e9 rgb(225,98,233)
```
#e574ec
```
#e574ec rgb(229,116,236)
```
#e885ee
```
#e885ee rgb(232,133,238)
```
#eb96f0
```
#eb96f0 rgb(235,150,240)
```
#eea7f3
```
#eea7f3 rgb(238,167,243)
```
#f2b8f5
```
#f2b8f5 rgb(242,184,245)
```
#f5caf8
```
#f5caf8 rgb(245,202,248)
```
#f8dbfa
```
#f8dbfa rgb(248,219,250)
```
#fbecfc
```
#fbecfc rgb(251,236,252)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#867786
```
#867786 rgb(134,119,134)
```
#8e6d90
```
#8e6d90 rgb(142,109,144)
```
#97639a
```
#97639a rgb(151,99,154)
```
#9f59a4
```
#9f59a4 rgb(159,89,164)
```
#a850ad
```
#a850ad rgb(168,80,173)
```
#b146b7
```
#b146b7 rgb(177,70,183)
```
#b93cc1
```
#b93cc1 rgb(185,60,193)
```
#c232cb
```
#c232cb rgb(194,50,203)
```
#ca29d4
```
#ca29d4 rgb(202,41,212)
```
#d31fde
```
#d31fde rgb(211,31,222)
```
#dc15e8
```
#dc15e8 rgb(220,21,232)
```
#e40cf1
```
#e40cf1 rgb(228,12,241)
```
#ed02fb
```
#ed02fb rgb(237,2,251)
```

Tone Color Variation

Below, you can see how #d31fde 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
#805c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef7 Protanopia 1% of men
#5083cb Deuteranopia 1% of men
#c5646a Tritanopia 0.001% of the population

Trichromacy

#4c5bee Protanomaly 1% of men, 0.01% of women
#805ed2 Deuteranomaly 6% of men, 0.4% of women
#ca4b94 Tritanomaly 0.01% of the population

#d31fde hex color

#d31fde Color Information

#d31fde Color Conversion

Color Schemes with #d31fde

Alternatives to #d31fde

#d31fde Preview

Shades and Tints of #d31fde

Tones of #d31fde

Color Blindness Simulator