#df53a2 hex color

In a RGB color space, hex #df53a2 is composed of 87.5% red, 32.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.8% magenta, 27.4% yellow and 12.5% black. It has a hue angle of 326.1 degrees, a saturation of 68.6% and a lightness of 60%. #df53a2 color hex could be obtained by blending #ffa6ff with #bf0045. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 87
- G 33
- B 64
RGB color chart
- C 0
- M 63
- Y 27
- K 13
CMYK color chart

● #df53a2 color description : Soft pink.

The hexadecimal color #df53a2 has RGB values of R:223, G:83, B:162 and CMYK values of C:0, M:0.63, Y:0.27, K:0.13. Its decimal value is 14635938.

Hex triplet	df53a2	`#df53a2`
RGB Decimal	223, 83, 162	`rgb(223,83,162)`
RGB Percent	87.5, 32.5, 63.5	`rgb(87.5%,32.5%,63.5%)`
CMYK	0, 63, 27, 13
HSL	326.1°, 68.6, 60	`hsl(326.1,68.6%,60%)`
HSV (or HSB)	326.1°, 62.8, 87.5
Web Safe	cc6699	`#cc6699`

CIE-LAB	56.572, 62.031, -14.187
XYZ	40.047, 24.486, 36.798
xyY	0.395, 0.242, 24.486
CIE-LCH	56.572, 63.633, 347.117
CIE-LUV	56.572, 82.043, -31.388
Hunter-Lab	49.484, 57.861, -9.451
Binary	11011111, 01010011, 10100010

#df53a2
```
#df53a2 rgb(223,83,162)
```
#53df90
```
#53df90 rgb(83,223,144)
```

Complementary Color

#d653df
```
#d653df rgb(214,83,223)
```
#df53a2
```
#df53a2 rgb(223,83,162)
```
#df535c
```
#df535c rgb(223,83,92)
```

Analogous Color

#53dfd6
```
#53dfd6 rgb(83,223,214)
```
#df53a2
```
#df53a2 rgb(223,83,162)
```
#5cdf53
```
#5cdf53 rgb(92,223,83)
```

Split Complementary Color

#53a2df
```
#53a2df rgb(83,162,223)
```
#df53a2
```
#df53a2 rgb(223,83,162)
```
#a2df53
```
#a2df53 rgb(162,223,83)
```

Triadic Color

#9053df
```
#9053df rgb(144,83,223)
```
#df53a2
```
#df53a2 rgb(223,83,162)
```
#a2df53
```
#a2df53 rgb(162,223,83)
```
#53df90
```
#53df90 rgb(83,223,144)
```

Tetradic Color

#c2247d
```
#c2247d rgb(194,36,125)
```
#d7288b
```
#d7288b rgb(215,40,139)
```
#db3e96
```
#db3e96 rgb(219,62,150)
```
#df53a2
```
#df53a2 rgb(223,83,162)
```
#e369ae
```
#e369ae rgb(227,105,174)
```
#e77eb9
```
#e77eb9 rgb(231,126,185)
```
#eb94c5
```
#eb94c5 rgb(235,148,197)
```

Monochromatic Color

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

#df53c5
```
#df53c5 rgb(223,83,197)
```
#df53b9
```
#df53b9 rgb(223,83,185)
```
#df53ae
```
#df53ae rgb(223,83,174)
```
#df53a2
```
#df53a2 rgb(223,83,162)
```
#df5396
```
#df5396 rgb(223,83,150)
```
#df538b
```
#df538b rgb(223,83,139)
```
#df537f
```
#df537f rgb(223,83,127)
```

Similar Colors

Text with hexadecimal color #df53a2

This text has a font color of #df53a2.

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

#df53a2 background color

This paragraph has a background color of #df53a2.

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

#df53a2 border color

This element has a border color of #df53a2.

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

CSS codes

.text {color:#df53a2;}

.background {background-color:#df53a2;}

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

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

#0a0206
```
#0a0206 rgb(10,2,6)
```
#1a0511
```
#1a0511 rgb(26,5,17)
```
#2b081c
```
#2b081c rgb(43,8,28)
```
#3c0b26
```
#3c0b26 rgb(60,11,38)
```
#4c0e31
```
#4c0e31 rgb(76,14,49)
```
#5d113c
```
#5d113c rgb(93,17,60)
```
#6d1446
```
#6d1446 rgb(109,20,70)
```
#7e1751
```
#7e1751 rgb(126,23,81)
```
#8e1a5c
```
#8e1a5c rgb(142,26,92)
```
#9f1e66
```
#9f1e66 rgb(159,30,102)
```
#af2171
```
#af2171 rgb(175,33,113)
```
#c0247c
```
#c0247c rgb(192,36,124)
```
#d02786
```
#d02786 rgb(208,39,134)
```

Shade Color Variation

#d93290
```
#d93290 rgb(217,50,144)
```
#dc4299
```
#dc4299 rgb(220,66,153)
```
#df53a2
```
#df53a2 rgb(223,83,162)
```
#e264ab
```
#e264ab rgb(226,100,171)
```
#e574b4
```
#e574b4 rgb(229,116,180)
```
#e885bd
```
#e885bd rgb(232,133,189)
```
#eb95c6
```
#eb95c6 rgb(235,149,198)
```
#eea6cf
```
#eea6cf rgb(238,166,207)
```
#f1b6d8
```
#f1b6d8 rgb(241,182,216)
```
#f5c7e1
```
#f5c7e1 rgb(245,199,225)
```
#f8d7ea
```
#f8d7ea rgb(248,215,234)
```
#fbe8f2
```
#fbe8f2 rgb(251,232,242)
```
#fef8fb
```
#fef8fb rgb(254,248,251)
```

Tint Color Variation

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

#a0929a
```
#a0929a rgb(160,146,154)
```
#a88a9b
```
#a88a9b rgb(168,138,155)
```
#b0829c
```
#b0829c rgb(176,130,156)
```
#b87a9d
```
#b87a9d rgb(184,122,157)
```
#c0729e
```
#c0729e rgb(192,114,158)
```
#c76b9f
```
#c76b9f rgb(199,107,159)
```
#cf63a0
```
#cf63a0 rgb(207,99,160)
```
#d75ba1
```
#d75ba1 rgb(215,91,161)
```
#df53a2
```
#df53a2 rgb(223,83,162)
```
#e74ba3
```
#e74ba3 rgb(231,75,163)
```
#ef43a4
```
#ef43a4 rgb(239,67,164)
```
#f73ba5
```
#f73ba5 rgb(247,59,165)
```
#fe34a6
```
#fe34a6 rgb(254,52,166)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#987c8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a8bc4 Protanopia 1% of men
#948a9b Deuteranopia 1% of men
#db6970 Tritanopia 0.001% of the population

Trichromacy

#9f77b7 Protanomaly 1% of men, 0.01% of women
#af769e Deuteranomaly 6% of men, 0.4% of women
#dc6182 Tritanomaly 0.01% of the population

#df53a2 hex color

#df53a2 Color Information

#df53a2 Color Conversion

Color Schemes with #df53a2

Alternatives to #df53a2

#df53a2 Preview

Shades and Tints of #df53a2

Tones of #df53a2

Color Blindness Simulator