#df04b2 hex color

In a RGB color space, hex #df04b2 is composed of 87.5% red, 1.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.2% magenta, 20.2% yellow and 12.5% black. It has a hue angle of 312.3 degrees, a saturation of 96.5% and a lightness of 44.5%. #df04b2 color hex could be obtained by blending #ff08ff with #bf0065. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 87
- G 2
- B 70
RGB color chart
- C 0
- M 98
- Y 20
- K 13
CMYK color chart

● #df04b2 color description : Vivid magenta.

The hexadecimal color #df04b2 has RGB values of R:223, G:4, B:178 and CMYK values of C:0, M:0.98, Y:0.2, K:0.13. Its decimal value is 14615730.

Hex triplet	df04b2	`#df04b2`
RGB Decimal	223, 4, 178	`rgb(223,4,178)`
RGB Percent	87.5, 1.6, 69.8	`rgb(87.5%,1.6%,69.8%)`
CMYK	0, 98, 20, 13
HSL	312.3°, 96.5, 44.5	`hsl(312.3,96.5%,44.5%)`
HSV (or HSB)	312.3°, 98.2, 87.5
Web Safe	cc0099	`#cc0099`

CIE-LAB	50.679, 82.578, -32.625
XYZ	38.511, 18.993, 43.755
xyY	0.38, 0.188, 18.993
CIE-LCH	50.679, 88.789, 338.442
CIE-LUV	50.679, 92.872, -60.863
Hunter-Lab	43.581, 81.469, -29.021
Binary	11011111, 00000100, 10110010

#df04b2
```
#df04b2 rgb(223,4,178)
```
#04df31
```
#04df31 rgb(4,223,49)
```

Complementary Color

#9f04df
```
#9f04df rgb(159,4,223)
```
#df04b2
```
#df04b2 rgb(223,4,178)
```
#df0445
```
#df0445 rgb(223,4,69)
```

Analogous Color

#04df9f
```
#04df9f rgb(4,223,159)
```
#df04b2
```
#df04b2 rgb(223,4,178)
```
#45df04
```
#45df04 rgb(69,223,4)
```

Split Complementary Color

#04b2df
```
#04b2df rgb(4,178,223)
```
#df04b2
```
#df04b2 rgb(223,4,178)
```
#b2df04
```
#b2df04 rgb(178,223,4)
```

Triadic Color

#3104df
```
#3104df rgb(49,4,223)
```
#df04b2
```
#df04b2 rgb(223,4,178)
```
#b2df04
```
#b2df04 rgb(178,223,4)
```
#04df31
```
#04df31 rgb(4,223,49)
```

Tetradic Color

#940376
```
#940376 rgb(148,3,118)
```
#ad038a
```
#ad038a rgb(173,3,138)
```
#c6049e
```
#c6049e rgb(198,4,158)
```
#df04b2
```
#df04b2 rgb(223,4,178)
```
#f804c6
```
#f804c6 rgb(248,4,198)
```
#fb1bcd
```
#fb1bcd rgb(251,27,205)
```
#fb34d2
```
#fb34d2 rgb(251,52,210)
```

Monochromatic Color

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

#d504df
```
#d504df rgb(213,4,223)
```
#df04d7
```
#df04d7 rgb(223,4,215)
```
#df04c4
```
#df04c4 rgb(223,4,196)
```
#df04b2
```
#df04b2 rgb(223,4,178)
```
#df04a0
```
#df04a0 rgb(223,4,160)
```
#df048e
```
#df048e rgb(223,4,142)
```
#df047b
```
#df047b rgb(223,4,123)
```

Similar Colors

Text with hexadecimal color #df04b2

This text has a font color of #df04b2.

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

#df04b2 background color

This paragraph has a background color of #df04b2.

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

#df04b2 border color

This element has a border color of #df04b2.

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

CSS codes

.text {color:#df04b2;}

.background {background-color:#df04b2;}

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

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

#0b0009
```
#0b0009 rgb(11,0,9)
```
#1e0118
```
#1e0118 rgb(30,1,24)
```
#320128
```
#320128 rgb(50,1,40)
```
#450137
```
#450137 rgb(69,1,55)
```
#580246
```
#580246 rgb(88,2,70)
```
#6b0256
```
#6b0256 rgb(107,2,86)
```
#7f0265
```
#7f0265 rgb(127,2,101)
```
#920374
```
#920374 rgb(146,3,116)
```
#a50384
```
#a50384 rgb(165,3,132)
```
#b80393
```
#b80393 rgb(184,3,147)
```
#cc04a3
```
#cc04a3 rgb(204,4,163)
```
#df04b2
```
#df04b2 rgb(223,4,178)
```
#f204c1
```
#f204c1 rgb(242,4,193)
```

Shade Color Variation

#fb10ca
```
#fb10ca rgb(251,16,202)
```
#fb23cf
```
#fb23cf rgb(251,35,207)
```
#fb36d3
```
#fb36d3 rgb(251,54,211)
```
#fc49d7
```
#fc49d7 rgb(252,73,215)
```
#fc5ddb
```
#fc5ddb rgb(252,93,219)
```
#fc70e0
```
#fc70e0 rgb(252,112,224)
```
#fd83e4
```
#fd83e4 rgb(253,131,228)
```
#fd96e8
```
#fd96e8 rgb(253,150,232)
```
#fdaaec
```
#fdaaec rgb(253,170,236)
```
#febdf0
```
#febdf0 rgb(254,189,240)
```
#fed0f5
```
#fed0f5 rgb(254,208,245)
```
#ffe3f9
```
#ffe3f9 rgb(255,227,249)
```
#fff7fd
```
#fff7fd rgb(255,247,253)
```

Tint Color Variation

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

#766d74
```
#766d74 rgb(118,109,116)
```
#7f6479
```
#7f6479 rgb(127,100,121)
```
#885b7f
```
#885b7f rgb(136,91,127)
```
#905384
```
#905384 rgb(144,83,132)
```
#994a89
```
#994a89 rgb(153,74,137)
```
#a2418e
```
#a2418e rgb(162,65,142)
```
#ab3893
```
#ab3893 rgb(171,56,147)
```
#b33098
```
#b33098 rgb(179,48,152)
```
#bc279d
```
#bc279d rgb(188,39,157)
```
#c51ea3
```
#c51ea3 rgb(197,30,163)
```
#ce15a8
```
#ce15a8 rgb(206,21,168)
```
#d60dad
```
#d60dad rgb(214,13,173)
```
#df04b2
```
#df04b2 rgb(223,4,178)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#74486b Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e7bf0 Protanopia 1% of men
#757da4 Deuteranopia 1% of men
#d74e52 Tritanopia 0.001% of the population

Trichromacy

#6450d9 Protanomaly 1% of men, 0.01% of women
#9c51a9 Deuteranomaly 6% of men, 0.4% of women
#da3375 Tritanomaly 0.01% of the population

#df04b2 hex color

#df04b2 Color Information

#df04b2 Color Conversion

Color Schemes with #df04b2

Alternatives to #df04b2

#df04b2 Preview

Shades and Tints of #df04b2

Tones of #df04b2

Color Blindness Simulator