colorhexa.com

#d402aa hex color

In a RGB color space, hex #d402aa is composed of 83.1% red, 0.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.1% magenta, 19.8% yellow and 16.9% black. It has a hue angle of 312 degrees, a saturation of 98.1% and a lightness of 42%. #d402aa color hex could be obtained by blending #ff04ff with #a90055. Closest websafe color is: #cc0099.

- R 83
- G 1
- B 67
RGB color chart
- C 0
- M 99
- Y 20
- K 17
CMYK color chart

● #d402aa color description : Strong magenta.

The hexadecimal color #d402aa has RGB values of R:212, G:2, B:170 and CMYK values of C:0, M:0.99, Y:0.2, K:0.17. Its decimal value is 13894314.

Hex triplet	d402aa	`#d402aa`
RGB Decimal	212, 2, 170	`rgb(212,2,170)`
RGB Percent	83.1, 0.8, 66.7	`rgb(83.1%,0.8%,66.7%)`
CMYK	0, 99, 20, 17
HSL	312°, 98.1, 42	`hsl(312,98.1%,42%)`
HSV (or HSB)	312°, 99.1, 83.1
Web Safe	cc0099	`#cc0099`

CIE-LAB	48.192, 79.734, -31.948
XYZ	34.429, 16.946, 39.486
xyY	0.379, 0.187, 16.946
CIE-LCH	48.192, 85.896, 338.165
CIE-LUV	48.192, 88.001, -58.69
Hunter-Lab	41.165, 77.25, -28.055
Binary	11010100, 00000010, 10101010

#d402aa
```
#d402aa rgb(212,2,170)
```
#02d42c
```
#02d42c rgb(2,212,44)
```

Complementary Color

#9502d4
```
#9502d4 rgb(149,2,212)
```
#d402aa
```
#d402aa rgb(212,2,170)
```
#d40241
```
#d40241 rgb(212,2,65)
```

Analogous Color

#02d495
```
#02d495 rgb(2,212,149)
```
#d402aa
```
#d402aa rgb(212,2,170)
```
#41d402
```
#41d402 rgb(65,212,2)
```

Split Complementary Color

#02aad4
```
#02aad4 rgb(2,170,212)
```
#d402aa
```
#d402aa rgb(212,2,170)
```
#aad402
```
#aad402 rgb(170,212,2)
```

Triadic Color

#88016d
```
#88016d rgb(136,1,109)
```
#a10281
```
#a10281 rgb(161,2,129)
```
#bb0296
```
#bb0296 rgb(187,2,150)
```
#d402aa
```
#d402aa rgb(212,2,170)
```
#ed02be
```
#ed02be rgb(237,2,190)
```
#fd0ccd
```
#fd0ccd rgb(253,12,205)
```
#fd26d2
```
#fd26d2 rgb(253,38,210)
```

Monochromatic Color

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

#ca02d4
```
#ca02d4 rgb(202,2,212)
```
#d402cd
```
#d402cd rgb(212,2,205)
```
#d402bc
```
#d402bc rgb(212,2,188)
```
#d402aa
```
#d402aa rgb(212,2,170)
```
#d40299
```
#d40299 rgb(212,2,153)
```
#d40287
```
#d40287 rgb(212,2,135)
```
#d40276
```
#d40276 rgb(212,2,118)
```

Similar Colors

Text with hexadecimal color #d402aa

This text has a font color of #d402aa.

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

#d402aa background color

This paragraph has a background color of #d402aa.

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

#d402aa border color

This element has a border color of #d402aa.

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

CSS codes

.text {color:#d402aa;}

.background {background-color:#d402aa;}

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

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, #12000e is the darkest color, while #fffdff is the lightest one.

#12000e
```
#12000e rgb(18,0,14)
```
#25001e
```
#25001e rgb(37,0,30)
```
#39012d
```
#39012d rgb(57,1,45)
```
#4c013d
```
#4c013d rgb(76,1,61)
```
#5f014d
```
#5f014d rgb(95,1,77)
```
#73015c
```
#73015c rgb(115,1,92)
```
#86016c
```
#86016c rgb(134,1,108)
```
#9a017b
```
#9a017b rgb(154,1,123)
```
#ad028b
```
#ad028b rgb(173,2,139)
```
#c1029a
```
#c1029a rgb(193,2,154)
```
#d402aa
```
#d402aa rgb(212,2,170)
```
#e702ba
```
#e702ba rgb(231,2,186)
```
#fb02c9
```
#fb02c9 rgb(251,2,201)
```

Shade Color Variation

#fd14ce
```
#fd14ce rgb(253,20,206)
```
#fd27d2
```
#fd27d2 rgb(253,39,210)
```
#fd3bd6
```
#fd3bd6 rgb(253,59,214)
```
#fd4eda
```
#fd4eda rgb(253,78,218)
```
#fe62de
```
#fe62de rgb(254,98,222)
```
#fe75e2
```
#fe75e2 rgb(254,117,226)
```
#fe89e6
```
#fe89e6 rgb(254,137,230)
```
#fe9cea
```
#fe9cea rgb(254,156,234)
```
#feb0ef
```
#feb0ef rgb(254,176,239)
```
#fec3f3
```
#fec3f3 rgb(254,195,243)
```
#ffd6f7
```
#ffd6f7 rgb(255,214,247)
```
#ffeafb
```
#ffeafb rgb(255,234,251)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#71656f
```
#71656f rgb(113,101,111)
```
#795d74
```
#795d74 rgb(121,93,116)
```
#825479
```
#825479 rgb(130,84,121)
```
#8a4c7e
```
#8a4c7e rgb(138,76,126)
```
#924482
```
#924482 rgb(146,68,130)
```
#9a3c87
```
#9a3c87 rgb(154,60,135)
```
#a3338c
```
#a3338c rgb(163,51,140)
```
#ab2b91
```
#ab2b91 rgb(171,43,145)
```
#b32396
```
#b32396 rgb(179,35,150)
```
#bb1b9b
```
#bb1b9b rgb(187,27,155)
```
#c412a0
```
#c412a0 rgb(196,18,160)
```
#cc0aa5
```
#cc0aa5 rgb(204,10,165)
```
#d402aa
```
#d402aa rgb(212,2,170)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#6e4465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1375e6 Protanopia 1% of men
#6f789d Deuteranopia 1% of men
#cd4b4e Tritanopia 0.001% of the population

Trichromacy

#594bd0 Protanomaly 1% of men, 0.01% of women
#944da2 Deuteranomaly 6% of men, 0.4% of women
#d0306f Tritanomaly 0.01% of the population