#de2f80 hex color

In a RGB color space, hex #de2f80 is composed of 87.1% red, 18.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.8% magenta, 42.3% yellow and 12.9% black. It has a hue angle of 332.2 degrees, a saturation of 72.6% and a lightness of 52.7%. #de2f80 color hex could be obtained by blending #ff5eff with #bd0001. Closest websafe color is: #cc3399.

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

● #de2f80 color description : Bright pink.

The hexadecimal color #de2f80 has RGB values of R:222, G:47, B:128 and CMYK values of C:0, M:0.79, Y:0.42, K:0.13. Its decimal value is 14561152.

Hex triplet	de2f80	`#de2f80`
RGB Decimal	222, 47, 128	`rgb(222,47,128)`
RGB Percent	87.1, 18.4, 50.2	`rgb(87.1%,18.4%,50.2%)`
CMYK	0, 79, 42, 13
HSL	332.2°, 72.6, 52.7	`hsl(332.2,72.6%,52.7%)`
HSV (or HSB)	332.2°, 78.8, 87.1
Web Safe	cc3399	`#cc3399`

CIE-LAB	50.833, 70.439, -2.604
XYZ	35.038, 19.125, 22.267
xyY	0.458, 0.25, 19.125
CIE-LCH	50.833, 70.487, 357.883
CIE-LUV	50.833, 107.526, -16.872
Hunter-Lab	43.732, 66.483, 0.423
Binary	11011110, 00101111, 10000000

#de2f80
```
#de2f80 rgb(222,47,128)
```
#2fde8d
```
#2fde8d rgb(47,222,141)
```

Complementary Color

#de2fd8
```
#de2fd8 rgb(222,47,216)
```
#de2f80
```
#de2f80 rgb(222,47,128)
```
#de362f
```
#de362f rgb(222,54,47)
```

Analogous Color

#2fd8de
```
#2fd8de rgb(47,216,222)
```
#de2f80
```
#de2f80 rgb(222,47,128)
```
#2fde36
```
#2fde36 rgb(47,222,54)
```

Split Complementary Color

#2f80de
```
#2f80de rgb(47,128,222)
```
#de2f80
```
#de2f80 rgb(222,47,128)
```
#80de2f
```
#80de2f rgb(128,222,47)
```

Triadic Color

#8d2fde
```
#8d2fde rgb(141,47,222)
```
#de2f80
```
#de2f80 rgb(222,47,128)
```
#80de2f
```
#80de2f rgb(128,222,47)
```
#2fde8d
```
#2fde8d rgb(47,222,141)
```

Tetradic Color

#a61a5b
```
#a61a5b rgb(166,26,91)
```
#bc1e67
```
#bc1e67 rgb(188,30,103)
```
#d22173
```
#d22173 rgb(210,33,115)
```
#de2f80
```
#de2f80 rgb(222,47,128)
```
#e1458d
```
#e1458d rgb(225,69,141)
```
#e55b9b
```
#e55b9b rgb(229,91,155)
```
#e871a8
```
#e871a8 rgb(232,113,168)
```

Monochromatic Color

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

#de2fac
```
#de2fac rgb(222,47,172)
```
#de2f9d
```
#de2f9d rgb(222,47,157)
```
#de2f8f
```
#de2f8f rgb(222,47,143)
```
#de2f80
```
#de2f80 rgb(222,47,128)
```
#de2f71
```
#de2f71 rgb(222,47,113)
```
#de2f63
```
#de2f63 rgb(222,47,99)
```
#de2f54
```
#de2f54 rgb(222,47,84)
```

Similar Colors

Text with hexadecimal color #de2f80

This text has a font color of #de2f80.

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

#de2f80 background color

This paragraph has a background color of #de2f80.

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

#de2f80 border color

This element has a border color of #de2f80.

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

CSS codes

.text {color:#de2f80;}

.background {background-color:#de2f80;}

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

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

#0c0207
```
#0c0207 rgb(12,2,7)
```
#1d0510
```
#1d0510 rgb(29,5,16)
```
#2e0719
```
#2e0719 rgb(46,7,25)
```
#3f0a22
```
#3f0a22 rgb(63,10,34)
```
#500d2c
```
#500d2c rgb(80,13,44)
```
#610f35
```
#610f35 rgb(97,15,53)
```
#72123e
```
#72123e rgb(114,18,62)
```
#831548
```
#831548 rgb(131,21,72)
```
#941751
```
#941751 rgb(148,23,81)
```
#a41a5a
```
#a41a5a rgb(164,26,90)
```
#b51d63
```
#b51d63 rgb(181,29,99)
```
#c61f6d
```
#c61f6d rgb(198,31,109)
```
#d72276
```
#d72276 rgb(215,34,118)
```

Shade Color Variation

#de2f80
```
#de2f80 rgb(222,47,128)
```
#e1408a
```
#e1408a rgb(225,64,138)
```
#e35195
```
#e35195 rgb(227,81,149)
```
#e6629f
```
#e6629f rgb(230,98,159)
```
#e973a9
```
#e973a9 rgb(233,115,169)
```
#eb84b4
```
#eb84b4 rgb(235,132,180)
```
#ee95be
```
#ee95be rgb(238,149,190)
```
#f1a6c8
```
#f1a6c8 rgb(241,166,200)
```
#f3b6d3
```
#f3b6d3 rgb(243,182,211)
```
#f6c7dd
```
#f6c7dd rgb(246,199,221)
```
#f9d8e7
```
#f9d8e7 rgb(249,216,231)
```
#fce9f2
```
#fce9f2 rgb(252,233,242)
```
#fefafc
```
#fefafc rgb(254,250,252)
```

Tint Color Variation

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

#8b8286
```
#8b8286 rgb(139,130,134)
```
#947986
```
#947986 rgb(148,121,134)
```
#9d7085
```
#9d7085 rgb(157,112,133)
```
#a66784
```
#a66784 rgb(166,103,132)
```
#b05d83
```
#b05d83 rgb(176,93,131)
```
#b95483
```
#b95483 rgb(185,84,131)
```
#c24b82
```
#c24b82 rgb(194,75,130)
```
#cb4281
```
#cb4281 rgb(203,66,129)
```
#d53881
```
#d53881 rgb(213,56,129)
```
#de2f80
```
#de2f80 rgb(222,47,128)
```
#e7267f
```
#e7267f rgb(231,38,127)
```
#f11c7f
```
#f11c7f rgb(241,28,127)
```
#fa137e
```
#fa137e rgb(250,19,126)
```

Tone Color Variation

Below, you can see how #de2f80 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
#8e7b7a Deuteranopia 1% of men
#dc4a4e Tritanopia 0.001% of the population

Trichromacy

#99619a Protanomaly 1% of men, 0.01% of women
#ab5f7c Deuteranomaly 6% of men, 0.4% of women
#dc4060 Tritanomaly 0.01% of the population

#de2f80 hex color

#de2f80 Color Information

#de2f80 Color Conversion

Color Schemes with #de2f80

Alternatives to #de2f80

#de2f80 Preview

Shades and Tints of #de2f80

Tones of #de2f80

Color Blindness Simulator