colorhexa.com

#de216d hex color

In a RGB color space, hex #de216d is composed of 87.1% red, 12.9% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.1% magenta, 50.9% yellow and 12.9% black. It has a hue angle of 335.9 degrees, a saturation of 74.1% and a lightness of 50%. #de216d color hex could be obtained by blending #ff42da with #bd0000. Closest websafe color is: #cc3366.

- R 87
- G 13
- B 43
RGB color chart
- C 0
- M 85
- Y 51
- K 13
CMYK color chart

● #de216d color description : Vivid pink.

The hexadecimal color #de216d has RGB values of R:222, G:33, B:109 and CMYK values of C:0, M:0.85, Y:0.51, K:0.13. Its decimal value is 14557549.

Hex triplet	de216d	`#de216d`
RGB Decimal	222, 33, 109	`rgb(222,33,109)`
RGB Percent	87.1, 12.9, 42.7	`rgb(87.1%,12.9%,42.7%)`
CMYK	0, 85, 51, 13
HSL	335.9°, 74.1, 50	`hsl(335.9,74.1%,50%)`
HSV (or HSB)	335.9°, 85.1, 87.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.161, 72.073, 6.526
XYZ	33.43, 17.725, 16.128
xyY	0.497, 0.263, 17.725
CIE-LCH	49.161, 72.368, 5.174
CIE-LUV	49.161, 119.349, -6.084
Hunter-Lab	42.101, 68.056, 6.758
Binary	11011110, 00100001, 01101101

#de216d
```
#de216d rgb(222,33,109)
```
#21de92
```
#21de92 rgb(33,222,146)
```

Complementary Color

#de21cc
```
#de21cc rgb(222,33,204)
```
#de216d
```
#de216d rgb(222,33,109)
```
#de3421
```
#de3421 rgb(222,52,33)
```

Analogous Color

#21ccde
```
#21ccde rgb(33,204,222)
```
#de216d
```
#de216d rgb(222,33,109)
```
#21de34
```
#21de34 rgb(33,222,52)
```

Split Complementary Color

#216dde
```
#216dde rgb(33,109,222)
```
#de216d
```
#de216d rgb(222,33,109)
```
#6dde21
```
#6dde21 rgb(109,222,33)
```

Triadic Color

#9221de
```
#9221de rgb(146,33,222)
```
#de216d
```
#de216d rgb(222,33,109)
```
#6dde21
```
#6dde21 rgb(109,222,33)
```
#21de92
```
#21de92 rgb(33,222,146)
```

Tetradic Color

#9b174c
```
#9b174c rgb(155,23,76)
```
#b21a57
```
#b21a57 rgb(178,26,87)
```
#c81e62
```
#c81e62 rgb(200,30,98)
```
#de216d
```
#de216d rgb(222,33,109)
```
#e1377c
```
#e1377c rgb(225,55,124)
```
#e54d8a
```
#e54d8a rgb(229,77,138)
```
#e86499
```
#e86499 rgb(232,100,153)
```

Monochromatic Color

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

#de219c
```
#de219c rgb(222,33,156)
```
#de218d
```
#de218d rgb(222,33,141)
```
#de217d
```
#de217d rgb(222,33,125)
```
#de216d
```
#de216d rgb(222,33,109)
```
#de215d
```
#de215d rgb(222,33,93)
```
#de214d
```
#de214d rgb(222,33,77)
```
#de213e
```
#de213e rgb(222,33,62)
```

Similar Colors

Text with hexadecimal color #de216d

This text has a font color of #de216d.

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

#de216d background color

This paragraph has a background color of #de216d.

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

#de216d border color

This element has a border color of #de216d.

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

CSS codes

.text {color:#de216d;}

.background {background-color:#de216d;}

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

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, #110308 is the darkest color, while #ffffff is the lightest one.

#110308
```
#110308 rgb(17,3,8)
```
#220511
```
#220511 rgb(34,5,17)
```
#330819
```
#330819 rgb(51,8,25)
```
#440a22
```
#440a22 rgb(68,10,34)
```
#550d2a
```
#550d2a rgb(85,13,42)
```
#660f32
```
#660f32 rgb(102,15,50)
```
#78123b
```
#78123b rgb(120,18,59)
```
#891443
```
#891443 rgb(137,20,67)
```
#9a174b
```
#9a174b rgb(154,23,75)
```
#ab1954
```
#ab1954 rgb(171,25,84)
```
#bc1c5c
```
#bc1c5c rgb(188,28,92)
```
#cd1e65
```
#cd1e65 rgb(205,30,101)
```
#de216d
```
#de216d rgb(222,33,109)
```

Shade Color Variation

#e13278
```
#e13278 rgb(225,50,120)
```
#e34383
```
#e34383 rgb(227,67,131)
```
#e6548f
```
#e6548f rgb(230,84,143)
```
#e8659a
```
#e8659a rgb(232,101,154)
```
#eb76a5
```
#eb76a5 rgb(235,118,165)
```
#ed87b0
```
#ed87b0 rgb(237,135,176)
```
#f099bc
```
#f099bc rgb(240,153,188)
```
#f2aac7
```
#f2aac7 rgb(242,170,199)
```
#f5bbd2
```
#f5bbd2 rgb(245,187,210)
```
#f7ccdd
```
#f7ccdd rgb(247,204,221)
```
#fadde9
```
#fadde9 rgb(250,221,233)
```
#fceef4
```
#fceef4 rgb(252,238,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#86797e
```
#86797e rgb(134,121,126)
```
#906f7c
```
#906f7c rgb(144,111,124)
```
#99667a
```
#99667a rgb(153,102,122)
```
#a35c79
```
#a35c79 rgb(163,92,121)
```
#ad5277
```
#ad5277 rgb(173,82,119)
```
#b74875
```
#b74875 rgb(183,72,117)
```
#c13e73
```
#c13e73 rgb(193,62,115)
```
#ca3571
```
#ca3571 rgb(202,53,113)
```
#d42b6f
```
#d42b6f rgb(212,43,111)
```
#de216d
```
#de216d rgb(222,33,109)
```
#e8176b
```
#e8176b rgb(232,23,107)
```
#f20d69
```
#f20d69 rgb(242,13,105)
```
#fb0467
```
#fb0467 rgb(251,4,103)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7b5564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747a97 Protanopia 1% of men
#8e7768 Deuteranopia 1% of men
#dd3d3f Tritanopia 0.001% of the population

Trichromacy

#9a5a88 Protanomaly 1% of men, 0.01% of women
#ab586a Deuteranomaly 6% of men, 0.4% of women
#dd3350 Tritanomaly 0.01% of the population