#df86b4 hex color

In a RGB color space, hex #df86b4 is composed of 87.5% red, 52.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.9% magenta, 19.3% yellow and 12.5% black. It has a hue angle of 329 degrees, a saturation of 58.2% and a lightness of 70%. #df86b4 color hex could be obtained by blending #ffffff with #bf0d69. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 87
- G 53
- B 71
RGB color chart
- C 0
- M 40
- Y 19
- K 13
CMYK color chart

● #df86b4 color description : Very soft pink.

The hexadecimal color #df86b4 has RGB values of R:223, G:134, B:180 and CMYK values of C:0, M:0.4, Y:0.19, K:0.13. Its decimal value is 14649012.

Hex triplet	df86b4	`#df86b4`
RGB Decimal	223, 134, 180	`rgb(223,134,180)`
RGB Percent	87.5, 52.5, 70.6	`rgb(87.5%,52.5%,70.6%)`
CMYK	0, 40, 19, 13
HSL	329°, 58.2, 70	`hsl(329,58.2%,70%)`
HSV (or HSB)	329°, 39.9, 87.5
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	66.547, 40.124, -9.518
XYZ	47.194, 36.036, 47.647
xyY	0.361, 0.275, 36.036
CIE-LCH	66.547, 41.238, 346.655
CIE-LUV	66.547, 52.357, -21.168
Hunter-Lab	60.03, 35.281, -5.039
Binary	11011111, 10000110, 10110100

#df86b4
```
#df86b4 rgb(223,134,180)
```
#86dfb1
```
#86dfb1 rgb(134,223,177)
```

Complementary Color

#de86df
```
#de86df rgb(222,134,223)
```
#df86b4
```
#df86b4 rgb(223,134,180)
```
#df8688
```
#df8688 rgb(223,134,136)
```

Analogous Color

#86dfde
```
#86dfde rgb(134,223,222)
```
#df86b4
```
#df86b4 rgb(223,134,180)
```
#88df86
```
#88df86 rgb(136,223,134)
```

Split Complementary Color

#86b4df
```
#86b4df rgb(134,180,223)
```
#df86b4
```
#df86b4 rgb(223,134,180)
```
#b4df86
```
#b4df86 rgb(180,223,134)
```

Triadic Color

#b186df
```
#b186df rgb(177,134,223)
```
#df86b4
```
#df86b4 rgb(223,134,180)
```
#b4df86
```
#b4df86 rgb(180,223,134)
```
#86dfb1
```
#86dfb1 rgb(134,223,177)
```

Tetradic Color

#cf4a8f
```
#cf4a8f rgb(207,74,143)
```
#d45e9b
```
#d45e9b rgb(212,94,155)
```
#da72a8
```
#da72a8 rgb(218,114,168)
```
#df86b4
```
#df86b4 rgb(223,134,180)
```
#e49ac1
```
#e49ac1 rgb(228,154,193)
```
#eaaecd
```
#eaaecd rgb(234,174,205)
```
#efc3da
```
#efc3da rgb(239,195,218)
```

Monochromatic Color

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

#df86ca
```
#df86ca rgb(223,134,202)
```
#df86c3
```
#df86c3 rgb(223,134,195)
```
#df86bb
```
#df86bb rgb(223,134,187)
```
#df86b4
```
#df86b4 rgb(223,134,180)
```
#df86ad
```
#df86ad rgb(223,134,173)
```
#df86a5
```
#df86a5 rgb(223,134,165)
```
#df869e
```
#df869e rgb(223,134,158)
```

Similar Colors

Text with hexadecimal color #df86b4

This text has a font color of #df86b4.

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

#df86b4 background color

This paragraph has a background color of #df86b4.

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

#df86b4 border color

This element has a border color of #df86b4.

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

CSS codes

.text {color:#df86b4;}

.background {background-color:#df86b4;}

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

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

#030102
```
#030102 rgb(3,1,2)
```
#13050c
```
#13050c rgb(19,5,12)
```
#220916
```
#220916 rgb(34,9,22)
```
#320d20
```
#320d20 rgb(50,13,32)
```
#41112a
```
#41112a rgb(65,17,42)
```
#511534
```
#511534 rgb(81,21,52)
```
#60193e
```
#60193e rgb(96,25,62)
```
#701e48
```
#701e48 rgb(112,30,72)
```
#7f2252
```
#7f2252 rgb(127,34,82)
```
#8f265c
```
#8f265c rgb(143,38,92)
```
#9e2a66
```
#9e2a66 rgb(158,42,102)
```
#ae2e70
```
#ae2e70 rgb(174,46,112)
```
#bd327a
```
#bd327a rgb(189,50,122)
```

Shade Color Variation

#ca3884
```
#ca3884 rgb(202,56,132)
```
#cf488e
```
#cf488e rgb(207,72,142)
```
#d35797
```
#d35797 rgb(211,87,151)
```
#d767a1
```
#d767a1 rgb(215,103,161)
```
#db76aa
```
#db76aa rgb(219,118,170)
```
#df86b4
```
#df86b4 rgb(223,134,180)
```
#e396be
```
#e396be rgb(227,150,190)
```
#e7a5c7
```
#e7a5c7 rgb(231,165,199)
```
#ebb5d1
```
#ebb5d1 rgb(235,181,209)
```
#efc4da
```
#efc4da rgb(239,196,218)
```
#f4d4e4
```
#f4d4e4 rgb(244,212,228)
```
#f8e3ee
```
#f8e3ee rgb(248,227,238)
```
#fcf3f7
```
#fcf3f7 rgb(252,243,247)
```

Tint Color Variation

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

#b6afb3
```
#b6afb3 rgb(182,175,179)
```
#bca9b3
```
#bca9b3 rgb(188,169,179)
```
#c2a3b3
```
#c2a3b3 rgb(194,163,179)
```
#c79eb3
```
#c79eb3 rgb(199,158,179)
```
#cd98b3
```
#cd98b3 rgb(205,152,179)
```
#d392b4
```
#d392b4 rgb(211,146,180)
```
#d98cb4
```
#d98cb4 rgb(217,140,180)
```
#df86b4
```
#df86b4 rgb(223,134,180)
```
#e580b4
```
#e580b4 rgb(229,128,180)
```
#eb7ab4
```
#eb7ab4 rgb(235,122,180)
```
#f174b5
```
#f174b5 rgb(241,116,181)
```
#f76eb5
```
#f76eb5 rgb(247,110,181)
```
#fc69b5
```
#fc69b5 rgb(252,105,181)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b1a0a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea5c6 Protanopia 1% of men
#b0a2b1 Deuteranopia 1% of men
#dd919b Tritanopia 0.001% of the population

Trichromacy

#b699bf Protanomaly 1% of men, 0.01% of women
#c197b2 Deuteranomaly 6% of men, 0.4% of women
#dd8da4 Tritanomaly 0.01% of the population

#df86b4 hex color

#df86b4 Color Information

#df86b4 Color Conversion

Color Schemes with #df86b4

Alternatives to #df86b4

#df86b4 Preview

Shades and Tints of #df86b4

Tones of #df86b4

Color Blindness Simulator