#de31d8 hex color

In a RGB color space, hex #de31d8 is composed of 87.1% red, 19.2% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.9% magenta, 2.7% yellow and 12.9% black. It has a hue angle of 302.1 degrees, a saturation of 72.4% and a lightness of 53.1%. #de31d8 color hex could be obtained by blending #ff62ff with #bd00b1. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 87
- G 19
- B 85
RGB color chart
- C 0
- M 78
- Y 3
- K 13
CMYK color chart

● #de31d8 color description : Bright magenta.

The hexadecimal color #de31d8 has RGB values of R:222, G:49, B:216 and CMYK values of C:0, M:0.78, Y:0.03, K:0.13. Its decimal value is 14561752.

Hex triplet	de31d8	`#de31d8`
RGB Decimal	222, 49, 216	`rgb(222,49,216)`
RGB Percent	87.1, 19.2, 84.7	`rgb(87.1%,19.2%,84.7%)`
CMYK	0, 78, 3, 13
HSL	302.1°, 72.4, 53.1	`hsl(302.1,72.4%,53.1%)`
HSV (or HSB)	302.1°, 77.9, 87.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	54.749, 80.712, -48.169
XYZ	43.616, 22.687, 67.044
xyY	0.327, 0.17, 22.687
CIE-LCH	54.749, 93.993, 329.171
CIE-LUV	54.749, 71.433, -84.936
Hunter-Lab	47.631, 80.101, -50.113
Binary	11011110, 00110001, 11011000

#de31d8
```
#de31d8 rgb(222,49,216)
```
#31de37
```
#31de37 rgb(49,222,55)
```

Complementary Color

#8e31de
```
#8e31de rgb(142,49,222)
```
#de31d8
```
#de31d8 rgb(222,49,216)
```
#de3182
```
#de3182 rgb(222,49,130)
```

Analogous Color

#31de8e
```
#31de8e rgb(49,222,142)
```
#de31d8
```
#de31d8 rgb(222,49,216)
```
#82de31
```
#82de31 rgb(130,222,49)
```

Split Complementary Color

#31d8de
```
#31d8de rgb(49,216,222)
```
#de31d8
```
#de31d8 rgb(222,49,216)
```
#d8de31
```
#d8de31 rgb(216,222,49)
```

Triadic Color

#3731de
```
#3731de rgb(55,49,222)
```
#de31d8
```
#de31d8 rgb(222,49,216)
```
#d8de31
```
#d8de31 rgb(216,222,49)
```
#31de37
```
#31de37 rgb(49,222,55)
```

Tetradic Color

#a81ba3
```
#a81ba3 rgb(168,27,163)
```
#be1eb8
```
#be1eb8 rgb(190,30,184)
```
#d422cd
```
#d422cd rgb(212,34,205)
```
#de31d8
```
#de31d8 rgb(222,49,216)
```
#e247dc
```
#e247dc rgb(226,71,220)
```
#e55de0
```
#e55de0 rgb(229,93,224)
```
#e973e4
```
#e973e4 rgb(233,115,228)
```

Monochromatic Color

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

#b931de
```
#b931de rgb(185,49,222)
```
#c731de
```
#c731de rgb(199,49,222)
```
#d631de
```
#d631de rgb(214,49,222)
```
#de31d8
```
#de31d8 rgb(222,49,216)
```
#de31ca
```
#de31ca rgb(222,49,202)
```
#de31bb
```
#de31bb rgb(222,49,187)
```
#de31ad
```
#de31ad rgb(222,49,173)
```

Similar Colors

Text with hexadecimal color #de31d8

This text has a font color of #de31d8.

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

#de31d8 background color

This paragraph has a background color of #de31d8.

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

#de31d8 border color

This element has a border color of #de31d8.

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

CSS codes

.text {color:#de31d8;}

.background {background-color:#de31d8;}

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

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

#0e020d
```
#0e020d rgb(14,2,13)
```
#1f051e
```
#1f051e rgb(31,5,30)
```
#30082e
```
#30082e rgb(48,8,46)
```
#410a3f
```
#410a3f rgb(65,10,63)
```
#510d4f
```
#510d4f rgb(81,13,79)
```
#62105f
```
#62105f rgb(98,16,95)
```
#731270
```
#731270 rgb(115,18,112)
```
#841580
```
#841580 rgb(132,21,128)
```
#951891
```
#951891 rgb(149,24,145)
```
#a61ba1
```
#a61ba1 rgb(166,27,161)
```
#b71db2
```
#b71db2 rgb(183,29,178)
```
#c820c2
```
#c820c2 rgb(200,32,194)
```
#d923d2
```
#d923d2 rgb(217,35,210)
```

Shade Color Variation

#de31d8
```
#de31d8 rgb(222,49,216)
```
#e142db
```
#e142db rgb(225,66,219)
```
#e353de
```
#e353de rgb(227,83,222)
```
#e664e2
```
#e664e2 rgb(230,100,226)
```
#e975e5
```
#e975e5 rgb(233,117,229)
```
#ec86e8
```
#ec86e8 rgb(236,134,232)
```
#ee96eb
```
#ee96eb rgb(238,150,235)
```
#f1a7ee
```
#f1a7ee rgb(241,167,238)
```
#f4b8f2
```
#f4b8f2 rgb(244,184,242)
```
#f6c9f5
```
#f6c9f5 rgb(246,201,245)
```
#f9daf8
```
#f9daf8 rgb(249,218,248)
```
#fcebfb
```
#fcebfb rgb(252,235,251)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#8b848b
```
#8b848b rgb(139,132,139)
```
#947b94
```
#947b94 rgb(148,123,148)
```
#9e719c
```
#9e719c rgb(158,113,156)
```
#a768a5
```
#a768a5 rgb(167,104,165)
```
#b05fad
```
#b05fad rgb(176,95,173)
```
#b956b6
```
#b956b6 rgb(185,86,182)
```
#c24dbe
```
#c24dbe rgb(194,77,190)
```
#cc43c7
```
#cc43c7 rgb(204,67,199)
```
#d53acf
```
#d53acf rgb(213,58,207)
```
#de31d8
```
#de31d8 rgb(222,49,216)
```
#e728e1
```
#e728e1 rgb(231,40,225)
```
#f01fe9
```
#f01fe9 rgb(240,31,233)
```
#fa15f2
```
#fa15f2 rgb(250,21,242)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#8c6a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d85ff Protanopia 1% of men
#6989c7 Deuteranopia 1% of men
#d2676e Tritanopia 0.001% of the population

Trichromacy

#6d66f0 Protanomaly 1% of men, 0.01% of women
#9369cd Deuteranomaly 6% of men, 0.4% of women
#d65394 Tritanomaly 0.01% of the population

#de31d8 hex color

#de31d8 Color Information

#de31d8 Color Conversion

Color Schemes with #de31d8

Alternatives to #de31d8

#de31d8 Preview

Shades and Tints of #de31d8

Tones of #de31d8

Color Blindness Simulator