#df31c5 hex color

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

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

● #df31c5 color description : Bright magenta.

The hexadecimal color #df31c5 has RGB values of R:223, G:49, B:197 and CMYK values of C:0, M:0.78, Y:0.12, K:0.13. Its decimal value is 14627269.

Hex triplet	df31c5	`#df31c5`
RGB Decimal	223, 49, 197	`rgb(223,49,197)`
RGB Percent	87.5, 19.2, 77.3	`rgb(87.5%,19.2%,77.3%)`
CMYK	0, 78, 12, 13
HSL	309°, 73.1, 53.3	`hsl(309,73.1%,53.3%)`
HSV (or HSB)	309°, 78, 87.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	53.941, 78.178, -38.558
XYZ	41.607, 21.919, 54.86
xyY	0.351, 0.185, 21.919
CIE-LCH	53.941, 87.17, 333.747
CIE-LUV	53.941, 79.422, -69.833
Hunter-Lab	46.818, 76.704, -36.702
Binary	11011111, 00110001, 11000101

#df31c5
```
#df31c5 rgb(223,49,197)
```
#31df4b
```
#31df4b rgb(49,223,75)
```

Complementary Color

#a231df
```
#a231df rgb(162,49,223)
```
#df31c5
```
#df31c5 rgb(223,49,197)
```
#df316e
```
#df316e rgb(223,49,110)
```

Analogous Color

#31dfa2
```
#31dfa2 rgb(49,223,162)
```
#df31c5
```
#df31c5 rgb(223,49,197)
```
#6edf31
```
#6edf31 rgb(110,223,49)
```

Split Complementary Color

#31c5df
```
#31c5df rgb(49,197,223)
```
#df31c5
```
#df31c5 rgb(223,49,197)
```
#c5df31
```
#c5df31 rgb(197,223,49)
```

Triadic Color

#4b31df
```
#4b31df rgb(75,49,223)
```
#df31c5
```
#df31c5 rgb(223,49,197)
```
#c5df31
```
#c5df31 rgb(197,223,49)
```
#31df4b
```
#31df4b rgb(49,223,75)
```

Tetradic Color

#a91a94
```
#a91a94 rgb(169,26,148)
```
#bf1ea7
```
#bf1ea7 rgb(191,30,167)
```
#d521ba
```
#d521ba rgb(213,33,186)
```
#df31c5
```
#df31c5 rgb(223,49,197)
```
#e247cb
```
#e247cb rgb(226,71,203)
```
#e65dd1
```
#e65dd1 rgb(230,93,209)
```
#e973d8
```
#e973d8 rgb(233,115,216)
```

Monochromatic Color

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

#ce31df
```
#ce31df rgb(206,49,223)
```
#dc31df
```
#dc31df rgb(220,49,223)
```
#df31d4
```
#df31d4 rgb(223,49,212)
```
#df31c5
```
#df31c5 rgb(223,49,197)
```
#df31b7
```
#df31b7 rgb(223,49,183)
```
#df31a8
```
#df31a8 rgb(223,49,168)
```
#df319a
```
#df319a rgb(223,49,154)
```

Similar Colors

Text with hexadecimal color #df31c5

This text has a font color of #df31c5.

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

#df31c5 background color

This paragraph has a background color of #df31c5.

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

#df31c5 border color

This element has a border color of #df31c5.

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

CSS codes

.text {color:#df31c5;}

.background {background-color:#df31c5;}

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

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)
```
#20051c
```
#20051c rgb(32,5,28)
```
#31082b
```
#31082b rgb(49,8,43)
```
#420a39
```
#420a39 rgb(66,10,57)
```
#530d48
```
#530d48 rgb(83,13,72)
```
#640f57
```
#640f57 rgb(100,15,87)
```
#751266
```
#751266 rgb(117,18,102)
```
#861575
```
#861575 rgb(134,21,117)
```
#971784
```
#971784 rgb(151,23,132)
```
#a81a92
```
#a81a92 rgb(168,26,146)
```
#b81da1
```
#b81da1 rgb(184,29,161)
```
#c91fb0
```
#c91fb0 rgb(201,31,176)
```
#da22bf
```
#da22bf rgb(218,34,191)
```

Shade Color Variation

#df31c5
```
#df31c5 rgb(223,49,197)
```
#e242ca
```
#e242ca rgb(226,66,202)
```
#e453cf
```
#e453cf rgb(228,83,207)
```
#e764d3
```
#e764d3 rgb(231,100,211)
```
#ea75d8
```
#ea75d8 rgb(234,117,216)
```
#ec86dd
```
#ec86dd rgb(236,134,221)
```
#ef97e2
```
#ef97e2 rgb(239,151,226)
```
#f1a8e6
```
#f1a8e6 rgb(241,168,230)
```
#f4b9eb
```
#f4b9eb rgb(244,185,235)
```
#f7caf0
```
#f7caf0 rgb(247,202,240)
```
#f9dbf5
```
#f9dbf5 rgb(249,219,245)
```
#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, #8d838b is the less saturated color, while #fa16d8 is the most saturated one.

#8d838b
```
#8d838b rgb(141,131,139)
```
#967a92
```
#967a92 rgb(150,122,146)
```
#9f7198
```
#9f7198 rgb(159,113,152)
```
#a8689e
```
#a8689e rgb(168,104,158)
```
#b15fa5
```
#b15fa5 rgb(177,95,165)
```
#ba56ab
```
#ba56ab rgb(186,86,171)
```
#c44cb2
```
#c44cb2 rgb(196,76,178)
```
#cd43b8
```
#cd43b8 rgb(205,67,184)
```
#d63abf
```
#d63abf rgb(214,58,191)
```
#df31c5
```
#df31c5 rgb(223,49,197)
```
#e828cb
```
#e828cb rgb(232,40,203)
```
#f11fd2
```
#f11fd2 rgb(241,31,210)
```
#fa16d8
```
#fa16d8 rgb(250,22,216)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#8b6886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3083fa Protanopia 1% of men
#7686b7 Deuteranopia 1% of men
#d66167 Tritanopia 0.001% of the population

Trichromacy

#7065e7 Protanomaly 1% of men, 0.01% of women
#9c67bc Deuteranomaly 6% of men, 0.4% of women
#d94f89 Tritanomaly 0.01% of the population

#df31c5 hex color

#df31c5 Color Information

#df31c5 Color Conversion

Color Schemes with #df31c5

Alternatives to #df31c5

#df31c5 Preview

Shades and Tints of #df31c5

Tones of #df31c5

Color Blindness Simulator