#d31fdf hex color

In a RGB color space, hex #d31fdf is composed of 82.7% red, 12.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 86.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 296.3 degrees, a saturation of 75.6% and a lightness of 49.8%. #d31fdf color hex could be obtained by blending #ff3eff with #a700bf. 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

● #d31fdf color description : Vivid magenta.

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

Hex triplet	d31fdf	`#d31fdf`
RGB Decimal	211, 31, 223	`rgb(211,31,223)`
RGB Percent	82.7, 12.2, 87.5	`rgb(82.7%,12.2%,87.5%)`
CMYK	5, 86, 0, 13
HSL	296.3°, 75.6, 49.8	`hsl(296.3,75.6%,49.8%)`
HSV (or HSB)	296.3°, 86.1, 87.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.017, 83.606, -56.614
XYZ	40.672, 20.159, 71.557
xyY	0.307, 0.152, 20.159
CIE-LCH	52.017, 100.971, 325.896
CIE-LUV	52.017, 63.468, -96.72
Hunter-Lab	44.899, 83.123, -63.063
Binary	11010011, 00011111, 11011111

#d31fdf
```
#d31fdf rgb(211,31,223)
```
#2bdf1f
```
#2bdf1f rgb(43,223,31)
```

Complementary Color

#731fdf
```
#731fdf rgb(115,31,223)
```
#d31fdf
```
#d31fdf rgb(211,31,223)
```
#df1f8b
```
#df1f8b rgb(223,31,139)
```

Analogous Color

#1fdf73
```
#1fdf73 rgb(31,223,115)
```
#d31fdf
```
#d31fdf rgb(211,31,223)
```
#8bdf1f
```
#8bdf1f rgb(139,223,31)
```

Split Complementary Color

#1fdfd3
```
#1fdfd3 rgb(31,223,211)
```
#d31fdf
```
#d31fdf rgb(211,31,223)
```
#dfd31f
```
#dfd31f rgb(223,211,31)
```

Triadic Color

#1f2bdf
```
#1f2bdf rgb(31,43,223)
```
#d31fdf
```
#d31fdf rgb(211,31,223)
```
#dfd31f
```
#dfd31f rgb(223,211,31)
```
#2bdf1f
```
#2bdf1f rgb(43,223,31)
```

Tetradic Color

#93169c
```
#93169c rgb(147,22,156)
```
#a919b2
```
#a919b2 rgb(169,25,178)
```
#be1cc9
```
#be1cc9 rgb(190,28,201)
```
#d31fdf
```
#d31fdf rgb(211,31,223)
```
#d835e3
```
#d835e3 rgb(216,53,227)
```
#dc4be6
```
#dc4be6 rgb(220,75,230)
```
#e161e9
```
#e161e9 rgb(225,97,233)
```

Monochromatic Color

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

#a31fdf
```
#a31fdf rgb(163,31,223)
```
#b31fdf
```
#b31fdf rgb(179,31,223)
```
#c31fdf
```
#c31fdf rgb(195,31,223)
```
#d31fdf
```
#d31fdf rgb(211,31,223)
```
#df1fdb
```
#df1fdb rgb(223,31,219)
```
#df1fcb
```
#df1fcb rgb(223,31,203)
```
#df1fbb
```
#df1fbb rgb(223,31,187)
```

Similar Colors

Text with hexadecimal color #d31fdf

This text has a font color of #d31fdf.

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

#d31fdf background color

This paragraph has a background color of #d31fdf.

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

#d31fdf border color

This element has a border color of #d31fdf.

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

CSS codes

.text {color:#d31fdf;}

.background {background-color:#d31fdf;}

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

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

#0f0210
```
#0f0210 rgb(15,2,16)
```
#200522
```
#200522 rgb(32,5,34)
```
#300733
```
#300733 rgb(48,7,51)
```
#400944
```
#400944 rgb(64,9,68)
```
#510c55
```
#510c55 rgb(81,12,85)
```
#610e66
```
#610e66 rgb(97,14,102)
```
#711178
```
#711178 rgb(113,17,120)
```
#821389
```
#821389 rgb(130,19,137)
```
#92159a
```
#92159a rgb(146,21,154)
```
#a218ab
```
#a218ab rgb(162,24,171)
```
#b21abd
```
#b21abd rgb(178,26,189)
```
#c31dce
```
#c31dce rgb(195,29,206)
```
#d31fdf
```
#d31fdf rgb(211,31,223)
```

Shade Color Variation

#d72fe2
```
#d72fe2 rgb(215,47,226)
```
#da41e5
```
#da41e5 rgb(218,65,229)
```
#de52e7
```
#de52e7 rgb(222,82,231)
```
#e163e9
```
#e163e9 rgb(225,99,233)
```
#e474ec
```
#e474ec rgb(228,116,236)
```
#e886ee
```
#e886ee rgb(232,134,238)
```
#eb97f1
```
#eb97f1 rgb(235,151,241)
```
#eea8f3
```
#eea8f3 rgb(238,168,243)
```
#f2b9f5
```
#f2b9f5 rgb(242,185,245)
```
#f5caf8
```
#f5caf8 rgb(245,202,248)
```
#f8dcfa
```
#f8dcfa rgb(248,220,250)
```
#fcedfc
```
#fcedfc rgb(252,237,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#867787
```
#867787 rgb(134,119,135)
```
#8f6d91
```
#8f6d91 rgb(143,109,145)
```
#97639b
```
#97639b rgb(151,99,155)
```
#a05aa4
```
#a05aa4 rgb(160,90,164)
```
#a850ae
```
#a850ae rgb(168,80,174)
```
#b146b8
```
#b146b8 rgb(177,70,184)
```
#b93cc2
```
#b93cc2 rgb(185,60,194)
```
#c233cb
```
#c233cb rgb(194,51,203)
```
#ca29d5
```
#ca29d5 rgb(202,41,213)
```
#d31fdf
```
#d31fdf rgb(211,31,223)
```
#dc15e9
```
#dc15e9 rgb(220,21,233)
```
#e40bf3
```
#e40bf3 rgb(228,11,243)
```
#ed02fc
```
#ed02fc rgb(237,2,252)
```

Tone Color Variation

Below, you can see how #d31fdf 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
#4f83cc Deuteranopia 1% of men
#c5646b Tritanopia 0.001% of the population

Trichromacy

#4c5cee Protanomaly 1% of men, 0.01% of women
#7f5ed3 Deuteranomaly 6% of men, 0.4% of women
#ca4b95 Tritanomaly 0.01% of the population

#d31fdf hex color

#d31fdf Color Information

#d31fdf Color Conversion

Color Schemes with #d31fdf

Alternatives to #d31fdf

#d31fdf Preview

Shades and Tints of #d31fdf

Tones of #d31fdf

Color Blindness Simulator