colorhexa.com

#de02aa hex color

In a RGB color space, hex #de02aa is composed of 87.1% red, 0.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.1% magenta, 23.4% yellow and 12.9% black. It has a hue angle of 314.2 degrees, a saturation of 98.2% and a lightness of 43.9%. #de02aa color hex could be obtained by blending #ff04ff with #bd0055. Closest websafe color is: #cc0099.

- R 87
- G 1
- B 67
RGB color chart
- C 0
- M 99
- Y 23
- K 13
CMYK color chart

● #de02aa color description : Vivid magenta.

The hexadecimal color #de02aa has RGB values of R:222, G:2, B:170 and CMYK values of C:0, M:0.99, Y:0.23, K:0.13. Its decimal value is 14549674.

Hex triplet	de02aa	`#de02aa`
RGB Decimal	222, 2, 170	`rgb(222,2,170)`
RGB Percent	87.1, 0.8, 66.7	`rgb(87.1%,0.8%,66.7%)`
CMYK	0, 99, 23, 13
HSL	314.2°, 98.2, 43.9	`hsl(314.2,98.2%,43.9%)`
HSV (or HSB)	314.2°, 99.1, 87.1
Web Safe	cc0099	`#cc0099`

CIE-LAB	50.072, 81.608, -28.874
XYZ	37.402, 18.479, 39.625
xyY	0.392, 0.193, 18.479
CIE-LCH	50.072, 86.565, 340.515
CIE-LUV	50.072, 95.888, -55.106
Hunter-Lab	42.987, 80.081, -24.562
Binary	11011110, 00000010, 10101010

#de02aa
```
#de02aa rgb(222,2,170)
```
#02de36
```
#02de36 rgb(2,222,54)
```

Complementary Color

#a402de
```
#a402de rgb(164,2,222)
```
#de02aa
```
#de02aa rgb(222,2,170)
```
#de023c
```
#de023c rgb(222,2,60)
```

Analogous Color

#02dea4
```
#02dea4 rgb(2,222,164)
```
#de02aa
```
#de02aa rgb(222,2,170)
```
#3cde02
```
#3cde02 rgb(60,222,2)
```

Split Complementary Color

#02aade
```
#02aade rgb(2,170,222)
```
#de02aa
```
#de02aa rgb(222,2,170)
```
#aade02
```
#aade02 rgb(170,222,2)
```

Triadic Color

#920170
```
#920170 rgb(146,1,112)
```
#ab0283
```
#ab0283 rgb(171,2,131)
```
#c50297
```
#c50297 rgb(197,2,151)
```
#de02aa
```
#de02aa rgb(222,2,170)
```
#f702bd
```
#f702bd rgb(247,2,189)
```
#fd16c6
```
#fd16c6 rgb(253,22,198)
```
#fd2fcc
```
#fd2fcc rgb(253,47,204)
```

Monochromatic Color

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

#db02de
```
#db02de rgb(219,2,222)
```
#de02cf
```
#de02cf rgb(222,2,207)
```
#de02bc
```
#de02bc rgb(222,2,188)
```
#de02aa
```
#de02aa rgb(222,2,170)
```
#de0298
```
#de0298 rgb(222,2,152)
```
#de0285
```
#de0285 rgb(222,2,133)
```
#de0273
```
#de0273 rgb(222,2,115)
```

Similar Colors

Text with hexadecimal color #de02aa

This text has a font color of #de02aa.

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

#de02aa background color

This paragraph has a background color of #de02aa.

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

#de02aa border color

This element has a border color of #de02aa.

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

CSS codes

.text {color:#de02aa;}

.background {background-color:#de02aa;}

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

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

#080006
```
#080006 rgb(8,0,6)
```
#1c0015
```
#1c0015 rgb(28,0,21)
```
#2f0024
```
#2f0024 rgb(47,0,36)
```
#420133
```
#420133 rgb(66,1,51)
```
#560142
```
#560142 rgb(86,1,66)
```
#690151
```
#690151 rgb(105,1,81)
```
#7d0160
```
#7d0160 rgb(125,1,96)
```
#90016e
```
#90016e rgb(144,1,110)
```
#a4017d
```
#a4017d rgb(164,1,125)
```
#b7028c
```
#b7028c rgb(183,2,140)
```
#cb029b
```
#cb029b rgb(203,2,155)
```
#de02aa
```
#de02aa rgb(222,2,170)
```
#f102b9
```
#f102b9 rgb(241,2,185)
```

Shade Color Variation

#fd0ac4
```
#fd0ac4 rgb(253,10,196)
```
#fd1ec8
```
#fd1ec8 rgb(253,30,200)
```
#fd31cd
```
#fd31cd rgb(253,49,205)
```
#fd45d2
```
#fd45d2 rgb(253,69,210)
```
#fd58d6
```
#fd58d6 rgb(253,88,214)
```
#fe6cdb
```
#fe6cdb rgb(254,108,219)
```
#fe7fe0
```
#fe7fe0 rgb(254,127,224)
```
#fe93e5
```
#fe93e5 rgb(254,147,229)
```
#fea6e9
```
#fea6e9 rgb(254,166,233)
```
#feb9ee
```
#feb9ee rgb(254,185,238)
```
#ffcdf3
```
#ffcdf3 rgb(255,205,243)
```
#ffe0f8
```
#ffe0f8 rgb(255,224,248)
```
#fff4fc
```
#fff4fc rgb(255,244,252)
```

Tint Color Variation

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

#776973
```
#776973 rgb(119,105,115)
```
#7f6178
```
#7f6178 rgb(127,97,120)
```
#88587d
```
#88587d rgb(136,88,125)
```
#905081
```
#905081 rgb(144,80,129)
```
#994786
```
#994786 rgb(153,71,134)
```
#a23e8a
```
#a23e8a rgb(162,62,138)
```
#aa368f
```
#aa368f rgb(170,54,143)
```
#b32d93
```
#b32d93 rgb(179,45,147)
```
#bc2498
```
#bc2498 rgb(188,36,152)
```
#c41c9c
```
#c41c9c rgb(196,28,156)
```
#cd13a1
```
#cd13a1 rgb(205,19,161)
```
#d50ba5
```
#d50ba5 rgb(213,11,165)
```
#de02aa
```
#de02aa rgb(222,2,170)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#724668 Atypical Achromatopsia 0.001% of the population

Dichromacy

#337ae7 Protanopia 1% of men
#787c9d Deuteranopia 1% of men
#d74b4e Tritanopia 0.001% of the population

Trichromacy

#714ed0 Protanomaly 1% of men, 0.01% of women
#9d4fa2 Deuteranomaly 6% of men, 0.4% of women
#da306f Tritanomaly 0.01% of the population