#df2f80 hex color

In a RGB color space, hex #df2f80 is composed of 87.5% red, 18.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.9% magenta, 42.6% yellow and 12.5% black. It has a hue angle of 332.4 degrees, a saturation of 73.3% and a lightness of 52.9%. #df2f80 color hex could be obtained by blending #ff5eff with #bf0001. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 87
- G 18
- B 50
RGB color chart
- C 0
- M 79
- Y 43
- K 13
CMYK color chart

● #df2f80 color description : Bright pink.

The hexadecimal color #df2f80 has RGB values of R:223, G:47, B:128 and CMYK values of C:0, M:0.79, Y:0.43, K:0.13. Its decimal value is 14626688.

Hex triplet	df2f80	`#df2f80`
RGB Decimal	223, 47, 128	`rgb(223,47,128)`
RGB Percent	87.5, 18.4, 50.2	`rgb(87.5%,18.4%,50.2%)`
CMYK	0, 79, 43, 13
HSL	332.4°, 73.3, 52.9	`hsl(332.4,73.3%,52.9%)`
HSV (or HSB)	332.4°, 78.9, 87.5
Web Safe	cc3399	`#cc3399`

CIE-LAB	51.017, 70.69, -2.312
XYZ	35.345, 19.283, 22.282
xyY	0.46, 0.251, 19.283
CIE-LCH	51.017, 70.728, 358.127
CIE-LUV	51.017, 108.332, -16.563
Hunter-Lab	43.913, 66.827, 0.655
Binary	11011111, 00101111, 10000000

#df2f80
```
#df2f80 rgb(223,47,128)
```
#2fdf8e
```
#2fdf8e rgb(47,223,142)
```

Complementary Color

#df2fd8
```
#df2fd8 rgb(223,47,216)
```
#df2f80
```
#df2f80 rgb(223,47,128)
```
#df362f
```
#df362f rgb(223,54,47)
```

Analogous Color

#2fd8df
```
#2fd8df rgb(47,216,223)
```
#df2f80
```
#df2f80 rgb(223,47,128)
```
#2fdf36
```
#2fdf36 rgb(47,223,54)
```

Split Complementary Color

#2f80df
```
#2f80df rgb(47,128,223)
```
#df2f80
```
#df2f80 rgb(223,47,128)
```
#80df2f
```
#80df2f rgb(128,223,47)
```

Triadic Color

#8e2fdf
```
#8e2fdf rgb(142,47,223)
```
#df2f80
```
#df2f80 rgb(223,47,128)
```
#80df2f
```
#80df2f rgb(128,223,47)
```
#2fdf8e
```
#2fdf8e rgb(47,223,142)
```

Tetradic Color

#a81a5b
```
#a81a5b rgb(168,26,91)
```
#be1d67
```
#be1d67 rgb(190,29,103)
```
#d42173
```
#d42173 rgb(212,33,115)
```
#df2f80
```
#df2f80 rgb(223,47,128)
```
#e2458d
```
#e2458d rgb(226,69,141)
```
#e65b9b
```
#e65b9b rgb(230,91,155)
```
#e971a8
```
#e971a8 rgb(233,113,168)
```

Monochromatic Color

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

#df2fac
```
#df2fac rgb(223,47,172)
```
#df2f9d
```
#df2f9d rgb(223,47,157)
```
#df2f8f
```
#df2f8f rgb(223,47,143)
```
#df2f80
```
#df2f80 rgb(223,47,128)
```
#df2f71
```
#df2f71 rgb(223,47,113)
```
#df2f63
```
#df2f63 rgb(223,47,99)
```
#df2f54
```
#df2f54 rgb(223,47,84)
```

Similar Colors

Text with hexadecimal color #df2f80

This text has a font color of #df2f80.

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

#df2f80 background color

This paragraph has a background color of #df2f80.

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

#df2f80 border color

This element has a border color of #df2f80.

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

CSS codes

.text {color:#df2f80;}

.background {background-color:#df2f80;}

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

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

#0d0207
```
#0d0207 rgb(13,2,7)
```
#1e0510
```
#1e0510 rgb(30,5,16)
```
#2f071a
```
#2f071a rgb(47,7,26)
```
#400a23
```
#400a23 rgb(64,10,35)
```
#510c2c
```
#510c2c rgb(81,12,44)
```
#620f35
```
#620f35 rgb(98,15,53)
```
#73123e
```
#73123e rgb(115,18,62)
```
#841448
```
#841448 rgb(132,20,72)
```
#951751
```
#951751 rgb(149,23,81)
```
#a61a5a
```
#a61a5a rgb(166,26,90)
```
#b71c63
```
#b71c63 rgb(183,28,99)
```
#c81f6d
```
#c81f6d rgb(200,31,109)
```
#d92176
```
#d92176 rgb(217,33,118)
```

Shade Color Variation

#df2f80
```
#df2f80 rgb(223,47,128)
```
#e2408a
```
#e2408a rgb(226,64,138)
```
#e45195
```
#e45195 rgb(228,81,149)
```
#e7629f
```
#e7629f rgb(231,98,159)
```
#e973aa
```
#e973aa rgb(233,115,170)
```
#ec84b4
```
#ec84b4 rgb(236,132,180)
```
#ef95be
```
#ef95be rgb(239,149,190)
```
#f1a6c9
```
#f1a6c9 rgb(241,166,201)
```
#f4b7d3
```
#f4b7d3 rgb(244,183,211)
```
#f7c8dd
```
#f7c8dd rgb(247,200,221)
```
#f9d9e8
```
#f9d9e8 rgb(249,217,232)
```
#fceaf2
```
#fceaf2 rgb(252,234,242)
```
#fefbfd
```
#fefbfd rgb(254,251,253)
```

Tint Color Variation

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

#8c8287
```
#8c8287 rgb(140,130,135)
```
#957986
```
#957986 rgb(149,121,134)
```
#9e7085
```
#9e7085 rgb(158,112,133)
```
#a86684
```
#a86684 rgb(168,102,132)
```
#b15d84
```
#b15d84 rgb(177,93,132)
```
#ba5483
```
#ba5483 rgb(186,84,131)
```
#c34b82
```
#c34b82 rgb(195,75,130)
```
#cd4181
```
#cd4181 rgb(205,65,129)
```
#d63881
```
#d63881 rgb(214,56,129)
```
#df2f80
```
#df2f80 rgb(223,47,128)
```
#e8267f
```
#e8267f rgb(232,38,127)
```
#f11d7f
```
#f11d7f rgb(241,29,127)
```
#fb137e
```
#fb137e rgb(251,19,126)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#846171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727eaa Protanopia 1% of men
#8e7c7a Deuteranopia 1% of men
#dd4a4e Tritanopia 0.001% of the population

Trichromacy

#9a619a Protanomaly 1% of men, 0.01% of women
#ab607c Deuteranomaly 6% of men, 0.4% of women
#dd4060 Tritanomaly 0.01% of the population

#df2f80 hex color

#df2f80 Color Information

#df2f80 Color Conversion

Color Schemes with #df2f80

Alternatives to #df2f80

#df2f80 Preview

Shades and Tints of #df2f80

Tones of #df2f80

Color Blindness Simulator