#df86f4 hex color

In a RGB color space, hex #df86f4 is composed of 87.5% red, 52.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 45.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 288.5 degrees, a saturation of 83.3% and a lightness of 74.1%. #df86f4 color hex could be obtained by blending #ffffff with #bf0de9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 87
- G 53
- B 96
RGB color chart
- C 9
- M 45
- Y 0
- K 4
CMYK color chart

● #df86f4 color description : Soft magenta.

The hexadecimal color #df86f4 has RGB values of R:223, G:134, B:244 and CMYK values of C:0.09, M:0.45, Y:0, K:0.04. Its decimal value is 14649076.

Hex triplet	df86f4	`#df86f4`
RGB Decimal	223, 134, 244	`rgb(223,134,244)`
RGB Percent	87.5, 52.5, 95.7	`rgb(87.5%,52.5%,95.7%)`
CMYK	9, 45, 0, 4
HSL	288.5°, 83.3, 74.1	`hsl(288.5,83.3%,74.1%)`
HSV (or HSB)	288.5°, 45.1, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	68.948, 51.218, -41.41
XYZ	55.284, 39.272, 90.251
xyY	0.299, 0.213, 39.272
CIE-LCH	68.948, 65.864, 321.044
CIE-LUV	68.948, 39.266, -73.592
Hunter-Lab	62.667, 47.802, -41.521
Binary	11011111, 10000110, 11110100

#df86f4
```
#df86f4 rgb(223,134,244)
```
#9bf486
```
#9bf486 rgb(155,244,134)
```

Complementary Color

#a886f4
```
#a886f4 rgb(168,134,244)
```
#df86f4
```
#df86f4 rgb(223,134,244)
```
#f486d2
```
#f486d2 rgb(244,134,210)
```

Analogous Color

#86f4a8
```
#86f4a8 rgb(134,244,168)
```
#df86f4
```
#df86f4 rgb(223,134,244)
```
#d2f486
```
#d2f486 rgb(210,244,134)
```

Split Complementary Color

#86f4df
```
#86f4df rgb(134,244,223)
```
#df86f4
```
#df86f4 rgb(223,134,244)
```
#f4df86
```
#f4df86 rgb(244,223,134)
```

Triadic Color

#869bf4
```
#869bf4 rgb(134,155,244)
```
#df86f4
```
#df86f4 rgb(223,134,244)
```
#f4df86
```
#f4df86 rgb(244,223,134)
```
#9bf486
```
#9bf486 rgb(155,244,134)
```

Tetradic Color

#cc40ee
```
#cc40ee rgb(204,64,238)
```
#d357f0
```
#d357f0 rgb(211,87,240)
```
#d96ff2
```
#d96ff2 rgb(217,111,242)
```
#df86f4
```
#df86f4 rgb(223,134,244)
```
#e59df6
```
#e59df6 rgb(229,157,246)
```
#ebb5f8
```
#ebb5f8 rgb(235,181,248)
```
#f2ccfa
```
#f2ccfa rgb(242,204,250)
```

Monochromatic Color

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

#c486f4
```
#c486f4 rgb(196,134,244)
```
#cd86f4
```
#cd86f4 rgb(205,134,244)
```
#d686f4
```
#d686f4 rgb(214,134,244)
```
#df86f4
```
#df86f4 rgb(223,134,244)
```
#e886f4
```
#e886f4 rgb(232,134,244)
```
#f186f4
```
#f186f4 rgb(241,134,244)
```
#f486ee
```
#f486ee rgb(244,134,238)
```

Similar Colors

Text with hexadecimal color #df86f4

This text has a font color of #df86f4.

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

#df86f4 background color

This paragraph has a background color of #df86f4.

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

#df86f4 border color

This element has a border color of #df86f4.

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

CSS codes

.text {color:#df86f4;}

.background {background-color:#df86f4;}

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

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, #040005 is the darkest color, while #fcf2fe is the lightest one.

#040005
```
#040005 rgb(4,0,5)
```
#130217
```
#130217 rgb(19,2,23)
```
#220429
```
#220429 rgb(34,4,41)
```
#31053b
```
#31053b rgb(49,5,59)
```
#3f074d
```
#3f074d rgb(63,7,77)
```
#4e095f
```
#4e095f rgb(78,9,95)
```
#5d0a71
```
#5d0a71 rgb(93,10,113)
```
#6c0c83
```
#6c0c83 rgb(108,12,131)
```
#7b0e95
```
#7b0e95 rgb(123,14,149)
```
#8a0fa7
```
#8a0fa7 rgb(138,15,167)
```
#9911b9
```
#9911b9 rgb(153,17,185)
```
#a712cb
```
#a712cb rgb(167,18,203)
```
#b614dd
```
#b614dd rgb(182,20,221)
```

Shade Color Variation

#c21aea
```
#c21aea rgb(194,26,234)
```
#c72cec
```
#c72cec rgb(199,44,236)
```
#cc3eed
```
#cc3eed rgb(204,62,237)
```
#d150ef
```
#d150ef rgb(209,80,239)
```
#d562f1
```
#d562f1 rgb(213,98,241)
```
#da74f2
```
#da74f2 rgb(218,116,242)
```
#df86f4
```
#df86f4 rgb(223,134,244)
```
#e498f6
```
#e498f6 rgb(228,152,246)
```
#e9aaf7
```
#e9aaf7 rgb(233,170,247)
```
#edbcf9
```
#edbcf9 rgb(237,188,249)
```
#f2cefb
```
#f2cefb rgb(242,206,251)
```
#f7e0fc
```
#f7e0fc rgb(247,224,252)
```
#fcf2fe
```
#fcf2fe rgb(252,242,254)
```

Tint Color Variation

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

#c0b9c1
```
#c0b9c1 rgb(192,185,193)
```
#c3b4c6
```
#c3b4c6 rgb(195,180,198)
```
#c6afcb
```
#c6afcb rgb(198,175,203)
```
#c9aad0
```
#c9aad0 rgb(201,170,208)
```
#cca4d6
```
#cca4d6 rgb(204,164,214)
```
#cf9fdb
```
#cf9fdb rgb(207,159,219)
```
#d29ae0
```
#d29ae0 rgb(210,154,224)
```
#d695e5
```
#d695e5 rgb(214,149,229)
```
#d990ea
```
#d990ea rgb(217,144,234)
```
#dc8bef
```
#dc8bef rgb(220,139,239)
```
#df86f4
```
#df86f4 rgb(223,134,244)
```
#e281f9
```
#e281f9 rgb(226,129,249)
```
#e57cfe
```
#e57cfe rgb(229,124,254)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b7a5bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#8baaff Protanopia 1% of men
#95abea Deuteranopia 1% of men
#d49ea9 Tritanopia 0.001% of the population

Trichromacy

#a99cfb Protanomaly 1% of men, 0.01% of women
#b09dee Deuteranomaly 6% of men, 0.4% of women
#d895c4 Tritanomaly 0.01% of the population

#df86f4 hex color

#df86f4 Color Information

#df86f4 Color Conversion

Color Schemes with #df86f4

Alternatives to #df86f4

#df86f4 Preview

Shades and Tints of #df86f4

Tones of #df86f4

Color Blindness Simulator