#d31df4 hex color

In a RGB color space, hex #d31df4 is composed of 82.7% red, 11.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 88.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 290.8 degrees, a saturation of 90.7% and a lightness of 53.5%. #d31df4 color hex could be obtained by blending #ff3aff with #a700e9. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 83
- G 11
- B 96
RGB color chart
- C 14
- M 88
- Y 0
- K 4
CMYK color chart

● #d31df4 color description : Vivid magenta.

The hexadecimal color #d31df4 has RGB values of R:211, G:29, B:244 and CMYK values of C:0.14, M:0.88, Y:0, K:0.04. Its decimal value is 13835764.

Hex triplet	d31df4	`#d31df4`
RGB Decimal	211, 29, 244	`rgb(211,29,244)`
RGB Percent	82.7, 11.4, 95.7	`rgb(82.7%,11.4%,95.7%)`
CMYK	14, 88, 0, 4
HSL	290.8°, 90.7, 53.5	`hsl(290.8,90.7%,53.5%)`
HSV (or HSB)	290.8°, 88.1, 95.7
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.235, 87.28, -66.494
XYZ	43.631, 21.262, 87.389
xyY	0.287, 0.14, 21.262
CIE-LCH	53.235, 109.723, 322.698
CIE-LUV	53.235, 56.417, -112.135
Hunter-Lab	46.11, 88.208, -80.09
Binary	11010011, 00011101, 11110100

#d31df4
```
#d31df4 rgb(211,29,244)
```
#3ef41d
```
#3ef41d rgb(62,244,29)
```

Complementary Color

#681df4
```
#681df4 rgb(104,29,244)
```
#d31df4
```
#d31df4 rgb(211,29,244)
```
#f41daa
```
#f41daa rgb(244,29,170)
```

Analogous Color

#1df468
```
#1df468 rgb(29,244,104)
```
#d31df4
```
#d31df4 rgb(211,29,244)
```
#aaf41d
```
#aaf41d rgb(170,244,29)
```

Split Complementary Color

#1df4d3
```
#1df4d3 rgb(29,244,211)
```
#d31df4
```
#d31df4 rgb(211,29,244)
```
#f4d31d
```
#f4d31d rgb(244,211,29)
```

Triadic Color

#1d3ef4
```
#1d3ef4 rgb(29,62,244)
```
#d31df4
```
#d31df4 rgb(211,29,244)
```
#f4d31d
```
#f4d31d rgb(244,211,29)
```
#3ef41d
```
#3ef41d rgb(62,244,29)
```

Tetradic Color

#a009bb
```
#a009bb rgb(160,9,187)
```
#b50ad4
```
#b50ad4 rgb(181,10,212)
```
#ca0bec
```
#ca0bec rgb(202,11,236)
```
#d31df4
```
#d31df4 rgb(211,29,244)
```
#d835f5
```
#d835f5 rgb(216,53,245)
```
#dc4ef6
```
#dc4ef6 rgb(220,78,246)
```
#e166f8
```
#e166f8 rgb(225,102,248)
```

Monochromatic Color

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

#9d1df4
```
#9d1df4 rgb(157,29,244)
```
#af1df4
```
#af1df4 rgb(175,29,244)
```
#c11df4
```
#c11df4 rgb(193,29,244)
```
#d31df4
```
#d31df4 rgb(211,29,244)
```
#e51df4
```
#e51df4 rgb(229,29,244)
```
#f41df1
```
#f41df1 rgb(244,29,241)
```
#f41ddf
```
#f41ddf rgb(244,29,223)
```

Similar Colors

Text with hexadecimal color #d31df4

This text has a font color of #d31df4.

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

#d31df4 background color

This paragraph has a background color of #d31df4.

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

#d31df4 border color

This element has a border color of #d31df4.

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

CSS codes

.text {color:#d31df4;}

.background {background-color:#d31df4;}

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

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

#0f0111
```
#0f0111 rgb(15,1,17)
```
#1f0224
```
#1f0224 rgb(31,2,36)
```
#2f0337
```
#2f0337 rgb(47,3,55)
```
#3f0449
```
#3f0449 rgb(63,4,73)
```
#4f045c
```
#4f045c rgb(79,4,92)
```
#5f056f
```
#5f056f rgb(95,5,111)
```
#6f0681
```
#6f0681 rgb(111,6,129)
```
#7e0794
```
#7e0794 rgb(126,7,148)
```
#8e08a7
```
#8e08a7 rgb(142,8,167)
```
#9e09ba
```
#9e09ba rgb(158,9,186)
```
#ae0acc
```
#ae0acc rgb(174,10,204)
```
#be0bdf
```
#be0bdf rgb(190,11,223)
```
#ce0cf2
```
#ce0cf2 rgb(206,12,242)
```

Shade Color Variation

#d31df4
```
#d31df4 rgb(211,29,244)
```
#d730f5
```
#d730f5 rgb(215,48,245)
```
#da42f6
```
#da42f6 rgb(218,66,246)
```
#de55f7
```
#de55f7 rgb(222,85,247)
```
#e268f8
```
#e268f8 rgb(226,104,248)
```
#e57bf9
```
#e57bf9 rgb(229,123,249)
```
#e98df9
```
#e98df9 rgb(233,141,249)
```
#eca0fa
```
#eca0fa rgb(236,160,250)
```
#f0b3fb
```
#f0b3fb rgb(240,179,251)
```
#f4c5fc
```
#f4c5fc rgb(244,197,252)
```
#f7d8fd
```
#f7d8fd rgb(247,216,253)
```
#fbebfe
```
#fbebfe rgb(251,235,254)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#8e8190
```
#8e8190 rgb(142,129,144)
```
#947899
```
#947899 rgb(148,120,153)
```
#9a6fa2
```
#9a6fa2 rgb(154,111,162)
```
#a066ab
```
#a066ab rgb(160,102,171)
```
#a75db4
```
#a75db4 rgb(167,93,180)
```
#ad54bd
```
#ad54bd rgb(173,84,189)
```
#b34bc6
```
#b34bc6 rgb(179,75,198)
```
#ba41d0
```
#ba41d0 rgb(186,65,208)
```
#c038d9
```
#c038d9 rgb(192,56,217)
```
#c62fe2
```
#c62fe2 rgb(198,47,226)
```
#cd26eb
```
#cd26eb rgb(205,38,235)
```
#d31df4
```
#d31df4 rgb(211,29,244)
```
#d914fd
```
#d914fd rgb(217,20,253)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#815c87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fd Protanopia 1% of men
#2f87de Deuteranopia 1% of men
#c16c73 Tritanopia 0.001% of the population

Trichromacy

#4c5df9 Protanomaly 1% of men, 0.01% of women
#6a60e6 Deuteranomaly 6% of men, 0.4% of women
#c84fa2 Tritanomaly 0.01% of the population

#d31df4 hex color

#d31df4 Color Information

#d31df4 Color Conversion

Color Schemes with #d31df4

Alternatives to #d31df4

#d31df4 Preview

Shades and Tints of #d31df4

Tones of #d31df4

Color Blindness Simulator