colorhexa.com

#ab20d0 hex color

In a RGB color space, hex #ab20d0 is composed of 67.1% red, 12.5% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 84.6% magenta, 0% yellow and 18.4% black. It has a hue angle of 287.4 degrees, a saturation of 73.3% and a lightness of 47.1%. #ab20d0 color hex could be obtained by blending #ff40ff with #5700a1. Closest websafe color is: #9933cc.

- R 67
- G 13
- B 82
RGB color chart
- C 18
- M 85
- Y 0
- K 18
CMYK color chart

● #ab20d0 color description : Strong magenta.

The hexadecimal color #ab20d0 has RGB values of R:171, G:32, B:208 and CMYK values of C:0.18, M:0.85, Y:0, K:0.18. Its decimal value is 11215056.

Hex triplet	ab20d0	`#ab20d0`
RGB Decimal	171, 32, 208	`rgb(171,32,208)`
RGB Percent	67.1, 12.5, 81.6	`rgb(67.1%,12.5%,81.6%)`
CMYK	18, 85, 0, 18
HSL	287.4°, 73.3, 47.1	`hsl(287.4,73.3%,47.1%)`
HSV (or HSB)	287.4°, 84.6, 81.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	44.584, 74.284, -60.337
XYZ	28.695, 14.246, 60.909
xyY	0.276, 0.137, 14.246
CIE-LCH	44.584, 95.701, 320.915
CIE-LUV	44.584, 41.821, -96.637
Hunter-Lab	37.744, 69.651, -69.257
Binary	10101011, 00100000, 11010000

#ab20d0
```
#ab20d0 rgb(171,32,208)
```
#45d020
```
#45d020 rgb(69,208,32)
```

Complementary Color

#5320d0
```
#5320d0 rgb(83,32,208)
```
#ab20d0
```
#ab20d0 rgb(171,32,208)
```
#d0209d
```
#d0209d rgb(208,32,157)
```

Analogous Color

#20d053
```
#20d053 rgb(32,208,83)
```
#ab20d0
```
#ab20d0 rgb(171,32,208)
```
#9dd020
```
#9dd020 rgb(157,208,32)
```

Split Complementary Color

#20d0ab
```
#20d0ab rgb(32,208,171)
```
#ab20d0
```
#ab20d0 rgb(171,32,208)
```
#d0ab20
```
#d0ab20 rgb(208,171,32)
```

Triadic Color

#2045d0
```
#2045d0 rgb(32,69,208)
```
#ab20d0
```
#ab20d0 rgb(171,32,208)
```
#d0ab20
```
#d0ab20 rgb(208,171,32)
```
#45d020
```
#45d020 rgb(69,208,32)
```

Tetradic Color

#74168e
```
#74168e rgb(116,22,142)
```
#8719a4
```
#8719a4 rgb(135,25,164)
```
#991dba
```
#991dba rgb(153,29,186)
```
#ab20d0
```
#ab20d0 rgb(171,32,208)
```
#b92bde
```
#b92bde rgb(185,43,222)
```
#c041e2
```
#c041e2 rgb(192,65,226)
```
#c757e5
```
#c757e5 rgb(199,87,229)
```

Monochromatic Color

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

#7f20d0
```
#7f20d0 rgb(127,32,208)
```
#8e20d0
```
#8e20d0 rgb(142,32,208)
```
#9c20d0
```
#9c20d0 rgb(156,32,208)
```
#ab20d0
```
#ab20d0 rgb(171,32,208)
```
#ba20d0
```
#ba20d0 rgb(186,32,208)
```
#c820d0
```
#c820d0 rgb(200,32,208)
```
#d020c9
```
#d020c9 rgb(208,32,201)
```

Similar Colors

Text with hexadecimal color #ab20d0

This text has a font color of #ab20d0.

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

#ab20d0 background color

This paragraph has a background color of #ab20d0.

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

#ab20d0 border color

This element has a border color of #ab20d0.

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

CSS codes

.text {color:#ab20d0;}

.background {background-color:#ab20d0;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#110315
```
#110315 rgb(17,3,21)
```
#1f0626
```
#1f0626 rgb(31,6,38)
```
#2d0837
```
#2d0837 rgb(45,8,55)
```
#3b0b48
```
#3b0b48 rgb(59,11,72)
```
#490e59
```
#490e59 rgb(73,14,89)
```
#57106a
```
#57106a rgb(87,16,106)
```
#65137b
```
#65137b rgb(101,19,123)
```
#73168c
```
#73168c rgb(115,22,140)
```
#81189d
```
#81189d rgb(129,24,157)
```
#8f1bae
```
#8f1bae rgb(143,27,174)
```
#9d1dbf
```
#9d1dbf rgb(157,29,191)
```
#ab20d0
```
#ab20d0 rgb(171,32,208)
```

Shade Color Variation

#b726de
```
#b726de rgb(183,38,222)
```
#bd37e0
```
#bd37e0 rgb(189,55,224)
```
#c248e3
```
#c248e3 rgb(194,72,227)
```
#c859e5
```
#c859e5 rgb(200,89,229)
```
#ce6ae8
```
#ce6ae8 rgb(206,106,232)
```
#d37beb
```
#d37beb rgb(211,123,235)
```
#d98ced
```
#d98ced rgb(217,140,237)
```
#de9df0
```
#de9df0 rgb(222,157,240)
```
#e4aef3
```
#e4aef3 rgb(228,174,243)
```
#eabff5
```
#eabff5 rgb(234,191,245)
```
#efd0f8
```
#efd0f8 rgb(239,208,248)
```
#f5e1fa
```
#f5e1fa rgb(245,225,250)
```
#fbf2fd
```
#fbf2fd rgb(251,242,253)
```

Tint Color Variation

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

#7b737d
```
#7b737d rgb(123,115,125)
```
#806a86
```
#806a86 rgb(128,106,134)
```
#86618f
```
#86618f rgb(134,97,143)
```
#8b5799
```
#8b5799 rgb(139,87,153)
```
#904ea2
```
#904ea2 rgb(144,78,162)
```
#9645ab
```
#9645ab rgb(150,69,171)
```
#9b3cb4
```
#9b3cb4 rgb(155,60,180)
```
#a032be
```
#a032be rgb(160,50,190)
```
#a629c7
```
#a629c7 rgb(166,41,199)
```
#ab20d0
```
#ab20d0 rgb(171,32,208)
```
#b017d9
```
#b017d9 rgb(176,23,217)
```
#b60ee2
```
#b60ee2 rgb(182,14,226)
```
#bb04ec
```
#bb04ec rgb(187,4,236)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6d5275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0973bf Deuteranopia 1% of men
#9d5f65 Tritanopia 0.001% of the population

Trichromacy

#3e51d3 Protanomaly 1% of men, 0.01% of women
#4454c5 Deuteranomaly 6% of men, 0.4% of women
#a2488c Tritanomaly 0.01% of the population