colorhexa.com

#af1dd0 hex color

In a RGB color space, hex #af1dd0 is composed of 68.6% red, 11.4% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 86.1% magenta, 0% yellow and 18.4% black. It has a hue angle of 288.9 degrees, a saturation of 75.5% and a lightness of 46.5%. #af1dd0 color hex could be obtained by blending #ff3aff with #5f00a1. Closest websafe color is: #9933cc.

- R 69
- G 11
- B 82
RGB color chart
- C 16
- M 86
- Y 0
- K 18
CMYK color chart

● #af1dd0 color description : Strong magenta.

The hexadecimal color #af1dd0 has RGB values of R:175, G:29, B:208 and CMYK values of C:0.16, M:0.86, Y:0, K:0.18. Its decimal value is 11476432.

Hex triplet	af1dd0	`#af1dd0`
RGB Decimal	175, 29, 208	`rgb(175,29,208)`
RGB Percent	68.6, 11.4, 81.6	`rgb(68.6%,11.4%,81.6%)`
CMYK	16, 86, 0, 18
HSL	288.9°, 75.5, 46.5	`hsl(288.9,75.5%,46.5%)`
HSV (or HSB)	288.9°, 86.1, 81.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	45.009, 75.57, -59.619
XYZ	29.502, 14.548, 60.925
xyY	0.281, 0.139, 14.548
CIE-LCH	45.009, 96.256, 321.729
CIE-LUV	45.009, 44.634, -96.072
Hunter-Lab	38.142, 71.319, -68.006
Binary	10101111, 00011101, 11010000

#af1dd0
```
#af1dd0 rgb(175,29,208)
```
#3ed01d
```
#3ed01d rgb(62,208,29)
```

Complementary Color

#561dd0
```
#561dd0 rgb(86,29,208)
```
#af1dd0
```
#af1dd0 rgb(175,29,208)
```
#d01d98
```
#d01d98 rgb(208,29,152)
```

Analogous Color

#1dd056
```
#1dd056 rgb(29,208,86)
```
#af1dd0
```
#af1dd0 rgb(175,29,208)
```
#98d01d
```
#98d01d rgb(152,208,29)
```

Split Complementary Color

#1dd0af
```
#1dd0af rgb(29,208,175)
```
#af1dd0
```
#af1dd0 rgb(175,29,208)
```
#d0af1d
```
#d0af1d rgb(208,175,29)
```

Triadic Color

#1d3ed0
```
#1d3ed0 rgb(29,62,208)
```
#af1dd0
```
#af1dd0 rgb(175,29,208)
```
#d0af1d
```
#d0af1d rgb(208,175,29)
```
#3ed01d
```
#3ed01d rgb(62,208,29)
```

Tetradic Color

#77148d
```
#77148d rgb(119,20,141)
```
#8917a3
```
#8917a3 rgb(137,23,163)
```
#9c1aba
```
#9c1aba rgb(156,26,186)
```
#af1dd0
```
#af1dd0 rgb(175,29,208)
```
#be26e1
```
#be26e1 rgb(190,38,225)
```
#c53ce4
```
#c53ce4 rgb(197,60,228)
```
#cc53e7
```
#cc53e7 rgb(204,83,231)
```

Monochromatic Color

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

#821dd0
```
#821dd0 rgb(130,29,208)
```
#911dd0
```
#911dd0 rgb(145,29,208)
```
#a01dd0
```
#a01dd0 rgb(160,29,208)
```
#af1dd0
```
#af1dd0 rgb(175,29,208)
```
#be1dd0
```
#be1dd0 rgb(190,29,208)
```
#cd1dd0
```
#cd1dd0 rgb(205,29,208)
```
#d01dc4
```
#d01dc4 rgb(208,29,196)
```

Similar Colors

Text with hexadecimal color #af1dd0

This text has a font color of #af1dd0.

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

#af1dd0 background color

This paragraph has a background color of #af1dd0.

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

#af1dd0 border color

This element has a border color of #af1dd0.

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

CSS codes

.text {color:#af1dd0;}

.background {background-color:#af1dd0;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#100313
```
#100313 rgb(16,3,19)
```
#1e0524
```
#1e0524 rgb(30,5,36)
```
#2d0735
```
#2d0735 rgb(45,7,53)
```
#3b0a46
```
#3b0a46 rgb(59,10,70)
```
#4a0c57
```
#4a0c57 rgb(74,12,87)
```
#580f69
```
#580f69 rgb(88,15,105)
```
#67117a
```
#67117a rgb(103,17,122)
```
#75138b
```
#75138b rgb(117,19,139)
```
#84169c
```
#84169c rgb(132,22,156)
```
#9218ae
```
#9218ae rgb(146,24,174)
```
#a11bbf
```
#a11bbf rgb(161,27,191)
```
#af1dd0
```
#af1dd0 rgb(175,29,208)
```

Shade Color Variation

#bd21e0
```
#bd21e0 rgb(189,33,224)
```
#c232e2
```
#c232e2 rgb(194,50,226)
```
#c743e5
```
#c743e5 rgb(199,67,229)
```
#cc54e7
```
#cc54e7 rgb(204,84,231)
```
#d165ea
```
#d165ea rgb(209,101,234)
```
#d677ec
```
#d677ec rgb(214,119,236)
```
#dc88ee
```
#dc88ee rgb(220,136,238)
```
#e199f1
```
#e199f1 rgb(225,153,241)
```
#e6aaf3
```
#e6aaf3 rgb(230,170,243)
```
#ebbcf6
```
#ebbcf6 rgb(235,188,246)
```
#f0cdf8
```
#f0cdf8 rgb(240,205,248)
```
#f5defa
```
#f5defa rgb(245,222,250)
```
#faeffd
```
#faeffd rgb(250,239,253)
```

Tint Color Variation

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

#7b6f7e
```
#7b6f7e rgb(123,111,126)
```
#816687
```
#816687 rgb(129,102,135)
```
#875d90
```
#875d90 rgb(135,93,144)
```
#8c5499
```
#8c5499 rgb(140,84,153)
```
#924ba2
```
#924ba2 rgb(146,75,162)
```
#9841ac
```
#9841ac rgb(152,65,172)
```
#9e38b5
```
#9e38b5 rgb(158,56,181)
```
#a32fbe
```
#a32fbe rgb(163,47,190)
```
#a926c7
```
#a926c7 rgb(169,38,199)
```
#af1dd0
```
#af1dd0 rgb(175,29,208)
```
#b514d9
```
#b514d9 rgb(181,20,217)
```
#bb0be2
```
#bb0be2 rgb(187,11,226)
```
#c002eb
```
#c002eb rgb(192,2,235)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6d5074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#1e73bf Deuteranopia 1% of men
#a25e64 Tritanopia 0.001% of the population

Trichromacy

#3f51d5 Protanomaly 1% of men, 0.01% of women
#5354c5 Deuteranomaly 6% of men, 0.4% of women
#a6468b Tritanomaly 0.01% of the population