#df45ba hex color

In a RGB color space, hex #df45ba is composed of 87.5% red, 27.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.1% magenta, 16.6% yellow and 12.5% black. It has a hue angle of 314.4 degrees, a saturation of 70.6% and a lightness of 57.3%. #df45ba color hex could be obtained by blending #ff8aff with #bf0075. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 87
- G 27
- B 73
RGB color chart
- C 0
- M 69
- Y 17
- K 13
CMYK color chart

● #df45ba color description : Soft magenta.

The hexadecimal color #df45ba has RGB values of R:223, G:69, B:186 and CMYK values of C:0, M:0.69, Y:0.17, K:0.13. Its decimal value is 14632378.

Hex triplet	df45ba	`#df45ba`
RGB Decimal	223, 69, 186	`rgb(223,69,186)`
RGB Percent	87.5, 27.1, 72.9	`rgb(87.5%,27.1%,72.9%)`
CMYK	0, 69, 17, 13
HSL	314.4°, 70.6, 57.3	`hsl(314.4,70.6%,57.3%)`
HSV (or HSB)	314.4°, 69.1, 87.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	55.576, 70.566, -29.654
XYZ	41.422, 23.493, 48.805
xyY	0.364, 0.207, 23.493
CIE-LCH	55.576, 76.544, 337.207
CIE-LUV	55.576, 78.654, -55.6
Hunter-Lab	48.469, 67.727, -25.772
Binary	11011111, 01000101, 10111010

#df45ba
```
#df45ba rgb(223,69,186)
```
#45df6a
```
#45df6a rgb(69,223,106)
```

Complementary Color

#b745df
```
#b745df rgb(183,69,223)
```
#df45ba
```
#df45ba rgb(223,69,186)
```
#df456d
```
#df456d rgb(223,69,109)
```

Analogous Color

#45dfb7
```
#45dfb7 rgb(69,223,183)
```
#df45ba
```
#df45ba rgb(223,69,186)
```
#6ddf45
```
#6ddf45 rgb(109,223,69)
```

Split Complementary Color

#45badf
```
#45badf rgb(69,186,223)
```
#df45ba
```
#df45ba rgb(223,69,186)
```
#badf45
```
#badf45 rgb(186,223,69)
```

Triadic Color

#6a45df
```
#6a45df rgb(106,69,223)
```
#df45ba
```
#df45ba rgb(223,69,186)
```
#badf45
```
#badf45 rgb(186,223,69)
```
#45df6a
```
#45df6a rgb(69,223,106)
```

Tetradic Color

#b82093
```
#b82093 rgb(184,32,147)
```
#ce23a5
```
#ce23a5 rgb(206,35,165)
```
#db2fb2
```
#db2fb2 rgb(219,47,178)
```
#df45ba
```
#df45ba rgb(223,69,186)
```
#e35bc2
```
#e35bc2 rgb(227,91,194)
```
#e671ca
```
#e671ca rgb(230,113,202)
```
#ea86d2
```
#ea86d2 rgb(234,134,210)
```

Monochromatic Color

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

#de45df
```
#de45df rgb(222,69,223)
```
#df45d4
```
#df45d4 rgb(223,69,212)
```
#df45c7
```
#df45c7 rgb(223,69,199)
```
#df45ba
```
#df45ba rgb(223,69,186)
```
#df45ad
```
#df45ad rgb(223,69,173)
```
#df45a0
```
#df45a0 rgb(223,69,160)
```
#df4594
```
#df4594 rgb(223,69,148)
```

Similar Colors

Text with hexadecimal color #df45ba

This text has a font color of #df45ba.

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

#df45ba background color

This paragraph has a background color of #df45ba.

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

#df45ba border color

This element has a border color of #df45ba.

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

CSS codes

.text {color:#df45ba;}

.background {background-color:#df45ba;}

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

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

#0f030c
```
#0f030c rgb(15,3,12)
```
#200519
```
#200519 rgb(32,5,25)
```
#300827
```
#300827 rgb(48,8,39)
```
#410b34
```
#410b34 rgb(65,11,52)
```
#520e42
```
#520e42 rgb(82,14,66)
```
#63114f
```
#63114f rgb(99,17,79)
```
#73145c
```
#73145c rgb(115,20,92)
```
#84176a
```
#84176a rgb(132,23,106)
```
#951a77
```
#951a77 rgb(149,26,119)
```
#a51c85
```
#a51c85 rgb(165,28,133)
```
#b61f92
```
#b61f92 rgb(182,31,146)
```
#c7229f
```
#c7229f rgb(199,34,159)
```
#d825ad
```
#d825ad rgb(216,37,173)
```

Shade Color Variation

#dc34b4
```
#dc34b4 rgb(220,52,180)
```
#df45ba
```
#df45ba rgb(223,69,186)
```
#e256c0
```
#e256c0 rgb(226,86,192)
```
#e566c6
```
#e566c6 rgb(229,102,198)
```
#e877cd
```
#e877cd rgb(232,119,205)
```
#eb88d3
```
#eb88d3 rgb(235,136,211)
```
#ed99d9
```
#ed99d9 rgb(237,153,217)
```
#f0a9df
```
#f0a9df rgb(240,169,223)
```
#f3bae5
```
#f3bae5 rgb(243,186,229)
```
#f6cbec
```
#f6cbec rgb(246,203,236)
```
#f9dcf2
```
#f9dcf2 rgb(249,220,242)
```
#fcecf8
```
#fcecf8 rgb(252,236,248)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#949093
```
#949093 rgb(148,144,147)
```
#9c8897
```
#9c8897 rgb(156,136,151)
```
#a4809c
```
#a4809c rgb(164,128,156)
```
#ad77a0
```
#ad77a0 rgb(173,119,160)
```
#b56fa4
```
#b56fa4 rgb(181,111,164)
```
#bd67a9
```
#bd67a9 rgb(189,103,169)
```
#c65ead
```
#c65ead rgb(198,94,173)
```
#ce56b1
```
#ce56b1 rgb(206,86,177)
```
#d74db6
```
#d74db6 rgb(215,77,182)
```
#df45ba
```
#df45ba rgb(223,69,186)
```
#e73dbe
```
#e73dbe rgb(231,61,190)
```
#f034c3
```
#f034c3 rgb(240,52,195)
```
#f82cc7
```
#f82cc7 rgb(248,44,199)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#93748c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e88e5 Protanopia 1% of men
#8489af Deuteranopia 1% of men
#d8676d Tritanopia 0.001% of the population

Trichromacy

#8d6fd5 Protanomaly 1% of men, 0.01% of women
#a570b3 Deuteranomaly 6% of men, 0.4% of women
#da5a89 Tritanomaly 0.01% of the population

#df45ba hex color

#df45ba Color Information

#df45ba Color Conversion

Color Schemes with #df45ba

Alternatives to #df45ba

#df45ba Preview

Shades and Tints of #df45ba

Tones of #df45ba

Color Blindness Simulator