#df0f96 hex color

In a RGB color space, hex #df0f96 is composed of 87.5% red, 5.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.3% magenta, 32.7% yellow and 12.5% black. It has a hue angle of 321.1 degrees, a saturation of 87.4% and a lightness of 46.7%. #df0f96 color hex could be obtained by blending #ff1eff with #bf002d. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 87
- G 6
- B 59
RGB color chart
- C 0
- M 93
- Y 33
- K 13
CMYK color chart

● #df0f96 color description : Vivid pink.

The hexadecimal color #df0f96 has RGB values of R:223, G:15, B:150 and CMYK values of C:0, M:0.93, Y:0.33, K:0.13. Its decimal value is 14618518.

Hex triplet	df0f96	`#df0f96`
RGB Decimal	223, 15, 150	`rgb(223,15,150)`
RGB Percent	87.5, 5.9, 58.8	`rgb(87.5%,5.9%,58.8%)`
CMYK	0, 93, 33, 13
HSL	321.1°, 87.4, 46.7	`hsl(321.1,87.4%,46.7%)`
HSV (or HSB)	321.1°, 93.3, 87.5
Web Safe	cc0099	`#cc0099`

CIE-LAB	49.78, 78.589, -17.405
XYZ	36.108, 18.235, 30.471
xyY	0.426, 0.215, 18.235
CIE-LCH	49.78, 80.493, 347.512
CIE-LUV	49.78, 105.028, -38.257
Hunter-Lab	42.703, 76.203, -12.415
Binary	11011111, 00001111, 10010110

#df0f96
```
#df0f96 rgb(223,15,150)
```
#0fdf58
```
#0fdf58 rgb(15,223,88)
```

Complementary Color

#c00fdf
```
#c00fdf rgb(192,15,223)
```
#df0f96
```
#df0f96 rgb(223,15,150)
```
#df0f2e
```
#df0f2e rgb(223,15,46)
```

Analogous Color

#0fdfc0
```
#0fdfc0 rgb(15,223,192)
```
#df0f96
```
#df0f96 rgb(223,15,150)
```
#2edf0f
```
#2edf0f rgb(46,223,15)
```

Split Complementary Color

#0f96df
```
#0f96df rgb(15,150,223)
```
#df0f96
```
#df0f96 rgb(223,15,150)
```
#96df0f
```
#96df0f rgb(150,223,15)
```

Triadic Color

#580fdf
```
#580fdf rgb(88,15,223)
```
#df0f96
```
#df0f96 rgb(223,15,150)
```
#96df0f
```
#96df0f rgb(150,223,15)
```
#0fdf58
```
#0fdf58 rgb(15,223,88)
```

Tetradic Color

#970a66
```
#970a66 rgb(151,10,102)
```
#af0c76
```
#af0c76 rgb(175,12,118)
```
#c70d86
```
#c70d86 rgb(199,13,134)
```
#df0f96
```
#df0f96 rgb(223,15,150)
```
#ef18a4
```
#ef18a4 rgb(239,24,164)
```
#f130ad
```
#f130ad rgb(241,48,173)
```
#f348b7
```
#f348b7 rgb(243,72,183)
```

Monochromatic Color

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

#df0fca
```
#df0fca rgb(223,15,202)
```
#df0fb9
```
#df0fb9 rgb(223,15,185)
```
#df0fa7
```
#df0fa7 rgb(223,15,167)
```
#df0f96
```
#df0f96 rgb(223,15,150)
```
#df0f85
```
#df0f85 rgb(223,15,133)
```
#df0f73
```
#df0f73 rgb(223,15,115)
```
#df0f62
```
#df0f62 rgb(223,15,98)
```

Similar Colors

Text with hexadecimal color #df0f96

This text has a font color of #df0f96.

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

#df0f96 background color

This paragraph has a background color of #df0f96.

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

#df0f96 border color

This element has a border color of #df0f96.

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

CSS codes

.text {color:#df0f96;}

.background {background-color:#df0f96;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#15010e
```
#15010e rgb(21,1,14)
```
#27031a
```
#27031a rgb(39,3,26)
```
#3a0427
```
#3a0427 rgb(58,4,39)
```
#4c0533
```
#4c0533 rgb(76,5,51)
```
#5e063f
```
#5e063f rgb(94,6,63)
```
#71084c
```
#71084c rgb(113,8,76)
```
#830958
```
#830958 rgb(131,9,88)
```
#950a65
```
#950a65 rgb(149,10,101)
```
#a80b71
```
#a80b71 rgb(168,11,113)
```
#ba0d7d
```
#ba0d7d rgb(186,13,125)
```
#cd0e8a
```
#cd0e8a rgb(205,14,138)
```
#df0f96
```
#df0f96 rgb(223,15,150)
```

Shade Color Variation

#ef13a2
```
#ef13a2 rgb(239,19,162)
```
#f025a9
```
#f025a9 rgb(240,37,169)
```
#f237b0
```
#f237b0 rgb(242,55,176)
```
#f34ab7
```
#f34ab7 rgb(243,74,183)
```
#f45cbf
```
#f45cbf rgb(244,92,191)
```
#f56ec6
```
#f56ec6 rgb(245,110,198)
```
#f781cd
```
#f781cd rgb(247,129,205)
```
#f893d4
```
#f893d4 rgb(248,147,212)
```
#f9a6dc
```
#f9a6dc rgb(249,166,220)
```
#fab8e3
```
#fab8e3 rgb(250,184,227)
```
#fbcaea
```
#fbcaea rgb(251,202,234)
```
#fdddf1
```
#fdddf1 rgb(253,221,241)
```
#feeff9
```
#feeff9 rgb(254,239,249)
```

Tint Color Variation

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

#7a7478
```
#7a7478 rgb(122,116,120)
```
#836b7b
```
#836b7b rgb(131,107,123)
```
#8d617d
```
#8d617d rgb(141,97,125)
```
#965880
```
#965880 rgb(150,88,128)
```
#9f4f83
```
#9f4f83 rgb(159,79,131)
```
#a84686
```
#a84686 rgb(168,70,134)
```
#b13d88
```
#b13d88 rgb(177,61,136)
```
#ba348b
```
#ba348b rgb(186,52,139)
```
#c42a8e
```
#c42a8e rgb(196,42,142)
```
#cd2191
```
#cd2191 rgb(205,33,145)
```
#d61893
```
#d61893 rgb(214,24,147)
```
#df0f96
```
#df0f96 rgb(223,15,150)
```
#e80699
```
#e80699 rgb(232,6,153)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#774d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#567acc Protanopia 1% of men
#817a8c Deuteranopia 1% of men
#da4548 Tritanopia 0.001% of the population

Trichromacy

#8753b8 Protanomaly 1% of men, 0.01% of women
#a3538f Deuteranomaly 6% of men, 0.4% of women
#dc3164 Tritanomaly 0.01% of the population

#df0f96 hex color

#df0f96 Color Information

#df0f96 Color Conversion

Color Schemes with #df0f96

Alternatives to #df0f96

#df0f96 Preview

Shades and Tints of #df0f96

Tones of #df0f96

Color Blindness Simulator