#ad21b4 hex color

In a RGB color space, hex #ad21b4 is composed of 67.8% red, 12.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 81.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 297.1 degrees, a saturation of 69% and a lightness of 41.8%. #ad21b4 color hex could be obtained by blending #ff42ff with #5b0069. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 68
- G 13
- B 71
RGB color chart
- C 4
- M 82
- Y 0
- K 29
CMYK color chart

● #ad21b4 color description : Strong magenta.

The hexadecimal color #ad21b4 has RGB values of R:173, G:33, B:180 and CMYK values of C:0.04, M:0.82, Y:0, K:0.29. Its decimal value is 11346356.

Hex triplet	ad21b4	`#ad21b4`
RGB Decimal	173, 33, 180	`rgb(173,33,180)`
RGB Percent	67.8, 12.9, 70.6	`rgb(67.8%,12.9%,70.6%)`
CMYK	4, 82, 0, 29
HSL	297.1°, 69, 41.8	`hsl(297.1,69%,41.8%)`
HSV (or HSB)	297.1°, 81.7, 70.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	43.166, 69.613, -46.265
XYZ	26.015, 13.269, 44.368
xyY	0.311, 0.159, 13.269
CIE-LCH	43.166, 83.585, 326.392
CIE-LUV	43.166, 52.022, -75.702
Hunter-Lab	36.426, 63.735, -46.718
Binary	10101101, 00100001, 10110100

#ad21b4
```
#ad21b4 rgb(173,33,180)
```
#28b421
```
#28b421 rgb(40,180,33)
```

Complementary Color

#6321b4
```
#6321b4 rgb(99,33,180)
```
#ad21b4
```
#ad21b4 rgb(173,33,180)
```
#b42172
```
#b42172 rgb(180,33,114)
```

Analogous Color

#21b464
```
#21b464 rgb(33,180,100)
```
#ad21b4
```
#ad21b4 rgb(173,33,180)
```
#72b421
```
#72b421 rgb(114,180,33)
```

Split Complementary Color

#21b4ad
```
#21b4ad rgb(33,180,173)
```
#ad21b4
```
#ad21b4 rgb(173,33,180)
```
#b4ad21
```
#b4ad21 rgb(180,173,33)
```

Triadic Color

#2128b4
```
#2128b4 rgb(33,40,180)
```
#ad21b4
```
#ad21b4 rgb(173,33,180)
```
#b4ad21
```
#b4ad21 rgb(180,173,33)
```
#28b421
```
#28b421 rgb(40,180,33)
```

Tetradic Color

#6f1573
```
#6f1573 rgb(111,21,115)
```
#841989
```
#841989 rgb(132,25,137)
```
#981d9e
```
#981d9e rgb(152,29,158)
```
#ad21b4
```
#ad21b4 rgb(173,33,180)
```
#c225ca
```
#c225ca rgb(194,37,202)
```
#d12fd9
```
#d12fd9 rgb(209,47,217)
```
#d645dd
```
#d645dd rgb(214,69,221)
```

Monochromatic Color

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

#8821b4
```
#8821b4 rgb(136,33,180)
```
#9521b4
```
#9521b4 rgb(149,33,180)
```
#a121b4
```
#a121b4 rgb(161,33,180)
```
#ad21b4
```
#ad21b4 rgb(173,33,180)
```
#b421af
```
#b421af rgb(180,33,175)
```
#b421a3
```
#b421a3 rgb(180,33,163)
```
#b42196
```
#b42196 rgb(180,33,150)
```

Similar Colors

Text with hexadecimal color #ad21b4

This text has a font color of #ad21b4.

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

#ad21b4 background color

This paragraph has a background color of #ad21b4.

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

#ad21b4 border color

This element has a border color of #ad21b4.

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

CSS codes

.text {color:#ad21b4;}

.background {background-color:#ad21b4;}

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

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

#0e030e
```
#0e030e rgb(14,3,14)
```
#1e061f
```
#1e061f rgb(30,6,31)
```
#2e092f
```
#2e092f rgb(46,9,47)
```
#3d0c40
```
#3d0c40 rgb(61,12,64)
```
#4d0f51
```
#4d0f51 rgb(77,15,81)
```
#5d1261
```
#5d1261 rgb(93,18,97)
```
#6d1572
```
#6d1572 rgb(109,21,114)
```
#7d1882
```
#7d1882 rgb(125,24,130)
```
#8d1b93
```
#8d1b93 rgb(141,27,147)
```
#9d1ea3
```
#9d1ea3 rgb(157,30,163)
```
#ad21b4
```
#ad21b4 rgb(173,33,180)
```
#bd24c5
```
#bd24c5 rgb(189,36,197)
```
#cd27d5
```
#cd27d5 rgb(205,39,213)
```

Shade Color Variation

#d236da
```
#d236da rgb(210,54,218)
```
#d646dd
```
#d646dd rgb(214,70,221)
```
#da57e0
```
#da57e0 rgb(218,87,224)
```
#dd67e3
```
#dd67e3 rgb(221,103,227)
```
#e178e6
```
#e178e6 rgb(225,120,230)
```
#e589e9
```
#e589e9 rgb(229,137,233)
```
#e899ec
```
#e899ec rgb(232,153,236)
```
#ecaaef
```
#ecaaef rgb(236,170,239)
```
#f0baf2
```
#f0baf2 rgb(240,186,242)
```
#f3cbf5
```
#f3cbf5 rgb(243,203,245)
```
#f7dcf8
```
#f7dcf8 rgb(247,220,248)
```
#fbecfc
```
#fbecfc rgb(251,236,252)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#726372
```
#726372 rgb(114,99,114)
```
#795a7b
```
#795a7b rgb(121,90,123)
```
#815283
```
#815283 rgb(129,82,131)
```
#884a8b
```
#884a8b rgb(136,74,139)
```
#8f4293
```
#8f4293 rgb(143,66,147)
```
#973a9b
```
#973a9b rgb(151,58,155)
```
#9e31a4
```
#9e31a4 rgb(158,49,164)
```
#a629ac
```
#a629ac rgb(166,41,172)
```
#ad21b4
```
#ad21b4 rgb(173,33,180)
```
#b419bc
```
#b419bc rgb(180,25,188)
```
#bc11c4
```
#bc11c4 rgb(188,17,196)
```
#c308cd
```
#c308cd rgb(195,8,205)
```
#cb00d5
```
#cb00d5 rgb(203,0,213)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6c506e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#496ea8 Deuteranopia 1% of men
#a5555a Tritanopia 0.001% of the population

Trichromacy

#3e4fc6 Protanomaly 1% of men, 0.01% of women
#6d52ac Deuteranomaly 6% of men, 0.4% of women
#a7427b Tritanomaly 0.01% of the population

#ad21b4 hex color

#ad21b4 Color Information

#ad21b4 Color Conversion

Color Schemes with #ad21b4

Alternatives to #ad21b4

#ad21b4 Preview

Shades and Tints of #ad21b4

Tones of #ad21b4

Color Blindness Simulator