#df31cc hex color

In a RGB color space, hex #df31cc is composed of 87.5% red, 19.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78% magenta, 8.5% yellow and 12.5% black. It has a hue angle of 306.6 degrees, a saturation of 73.1% and a lightness of 53.3%. #df31cc color hex could be obtained by blending #ff62ff with #bf0099. Closest websafe color is: #cc33cc.

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

● #df31cc color description : Bright magenta.

The hexadecimal color #df31cc has RGB values of R:223, G:49, B:204 and CMYK values of C:0, M:0.78, Y:0.09, K:0.13. Its decimal value is 14627276.

Hex triplet	df31cc	`#df31cc`
RGB Decimal	223, 49, 204	`rgb(223,49,204)`
RGB Percent	87.5, 19.2, 80	`rgb(87.5%,19.2%,80%)`
CMYK	0, 78, 9, 13
HSL	306.6°, 73.1, 53.3	`hsl(306.6,73.1%,53.3%)`
HSV (or HSB)	306.6°, 78, 87.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	54.288, 79.161, -42.034
XYZ	42.428, 22.247, 59.183
xyY	0.343, 0.18, 22.247
CIE-LCH	54.288, 89.628, 332.032
CIE-LUV	54.288, 76.697, -75.313
Hunter-Lab	47.167, 78.024, -41.377
Binary	11011111, 00110001, 11001100

#df31cc
```
#df31cc rgb(223,49,204)
```
#31df44
```
#31df44 rgb(49,223,68)
```

Complementary Color

#9b31df
```
#9b31df rgb(155,49,223)
```
#df31cc
```
#df31cc rgb(223,49,204)
```
#df3175
```
#df3175 rgb(223,49,117)
```

Analogous Color

#31df9b
```
#31df9b rgb(49,223,155)
```
#df31cc
```
#df31cc rgb(223,49,204)
```
#75df31
```
#75df31 rgb(117,223,49)
```

Split Complementary Color

#31ccdf
```
#31ccdf rgb(49,204,223)
```
#df31cc
```
#df31cc rgb(223,49,204)
```
#ccdf31
```
#ccdf31 rgb(204,223,49)
```

Triadic Color

#4431df
```
#4431df rgb(68,49,223)
```
#df31cc
```
#df31cc rgb(223,49,204)
```
#ccdf31
```
#ccdf31 rgb(204,223,49)
```
#31df44
```
#31df44 rgb(49,223,68)
```

Tetradic Color

#a91a9a
```
#a91a9a rgb(169,26,154)
```
#bf1eae
```
#bf1eae rgb(191,30,174)
```
#d521c2
```
#d521c2 rgb(213,33,194)
```
#df31cc
```
#df31cc rgb(223,49,204)
```
#e247d1
```
#e247d1 rgb(226,71,209)
```
#e65dd7
```
#e65dd7 rgb(230,93,215)
```
#e973dc
```
#e973dc rgb(233,115,220)
```

Monochromatic Color

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

#c731df
```
#c731df rgb(199,49,223)
```
#d531df
```
#d531df rgb(213,49,223)
```
#df31db
```
#df31db rgb(223,49,219)
```
#df31cc
```
#df31cc rgb(223,49,204)
```
#df31be
```
#df31be rgb(223,49,190)
```
#df31af
```
#df31af rgb(223,49,175)
```
#df31a1
```
#df31a1 rgb(223,49,161)
```

Similar Colors

Text with hexadecimal color #df31cc

This text has a font color of #df31cc.

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

#df31cc background color

This paragraph has a background color of #df31cc.

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

#df31cc border color

This element has a border color of #df31cc.

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

CSS codes

.text {color:#df31cc;}

.background {background-color:#df31cc;}

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

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

#0f020d
```
#0f020d rgb(15,2,13)
```
#20051d
```
#20051d rgb(32,5,29)
```
#31082c
```
#31082c rgb(49,8,44)
```
#420a3c
```
#420a3c rgb(66,10,60)
```
#530d4b
```
#530d4b rgb(83,13,75)
```
#640f5a
```
#640f5a rgb(100,15,90)
```
#75126a
```
#75126a rgb(117,18,106)
```
#861579
```
#861579 rgb(134,21,121)
```
#971789
```
#971789 rgb(151,23,137)
```
#a81a98
```
#a81a98 rgb(168,26,152)
```
#b81da7
```
#b81da7 rgb(184,29,167)
```
#c91fb7
```
#c91fb7 rgb(201,31,183)
```
#da22c6
```
#da22c6 rgb(218,34,198)
```

Shade Color Variation

#df31cc
```
#df31cc rgb(223,49,204)
```
#e242d0
```
#e242d0 rgb(226,66,208)
```
#e453d4
```
#e453d4 rgb(228,83,212)
```
#e764d9
```
#e764d9 rgb(231,100,217)
```
#ea75dd
```
#ea75dd rgb(234,117,221)
```
#ec86e1
```
#ec86e1 rgb(236,134,225)
```
#ef97e5
```
#ef97e5 rgb(239,151,229)
```
#f1a8e9
```
#f1a8e9 rgb(241,168,233)
```
#f4b9ee
```
#f4b9ee rgb(244,185,238)
```
#f7caf2
```
#f7caf2 rgb(247,202,242)
```
#f9dbf6
```
#f9dbf6 rgb(249,219,246)
```
#fcecfa
```
#fcecfa rgb(252,236,250)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#8d838c
```
#8d838c rgb(141,131,140)
```
#967a93
```
#967a93 rgb(150,122,147)
```
#9f719a
```
#9f719a rgb(159,113,154)
```
#a868a1
```
#a868a1 rgb(168,104,161)
```
#b15fa8
```
#b15fa8 rgb(177,95,168)
```
#ba56af
```
#ba56af rgb(186,86,175)
```
#c44cb7
```
#c44cb7 rgb(196,76,183)
```
#cd43be
```
#cd43be rgb(205,67,190)
```
#d63ac5
```
#d63ac5 rgb(214,58,197)
```
#df31cc
```
#df31cc rgb(223,49,204)
```
#e828d3
```
#e828d3 rgb(232,40,211)
```
#f11fda
```
#f11fda rgb(241,31,218)
```
#fa16e1
```
#fa16e1 rgb(250,22,225)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#8c6988 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2784ff Protanopia 1% of men
#7287bd Deuteranopia 1% of men
#d56369 Tritanopia 0.001% of the population

Trichromacy

#6a65ec Protanomaly 1% of men, 0.01% of women
#9967c2 Deuteranomaly 6% of men, 0.4% of women
#d8518d Tritanomaly 0.01% of the population

#df31cc hex color

#df31cc Color Information

#df31cc Color Conversion

Color Schemes with #df31cc

Alternatives to #df31cc

#df31cc Preview

Shades and Tints of #df31cc

Tones of #df31cc

Color Blindness Simulator