colorhexa.com

#af00da hex color

In a RGB color space, hex #af00da is composed of 68.6% red, 0% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 100% magenta, 0% yellow and 14.5% black. It has a hue angle of 288.2 degrees, a saturation of 100% and a lightness of 42.7%. #af00da color hex could be obtained by blending #ff00ff with #5f00b5. Closest websafe color is: #9900cc.

- R 69
- G 0
- B 85
RGB color chart
- C 20
- M 100
- Y 0
- K 15
CMYK color chart

● #af00da color description : Pure (or mostly pure) magenta.

The hexadecimal color #af00da has RGB values of R:175, G:0, B:218 and CMYK values of C:0.2, M:1, Y:0, K:0.15. Its decimal value is 11469018.

Hex triplet	af00da	`#af00da`
RGB Decimal	175, 0, 218	`rgb(175,0,218)`
RGB Percent	68.6, 0, 85.5	`rgb(68.6%,0%,85.5%)`
CMYK	20, 100, 0, 15
HSL	288.2°, 100, 42.7	`hsl(288.2,100%,42.7%)`
HSV (or HSB)	288.2°, 100, 85.5
Web Safe	9900cc	`#9900cc`

CIE-LAB	44.486, 80.97, -66.218
XYZ	30.333, 14.177, 67.465
xyY	0.271, 0.127, 14.177
CIE-LCH	44.486, 104.599, 320.723
CIE-LUV	44.486, 43.129, -105.169
Hunter-Lab	37.653, 77.905, -79.876
Binary	10101111, 00000000, 11011010

#af00da
```
#af00da rgb(175,0,218)
```
#2bda00
```
#2bda00 rgb(43,218,0)
```

Complementary Color

#4200da
```
#4200da rgb(66,0,218)
```
#af00da
```
#af00da rgb(175,0,218)
```
#da0098
```
#da0098 rgb(218,0,152)
```

Analogous Color

#00da42
```
#00da42 rgb(0,218,66)
```
#af00da
```
#af00da rgb(175,0,218)
```
#98da00
```
#98da00 rgb(152,218,0)
```

Split Complementary Color

#00daaf
```
#00daaf rgb(0,218,175)
```
#af00da
```
#af00da rgb(175,0,218)
```
#daaf00
```
#daaf00 rgb(218,175,0)
```

Triadic Color

#72008e
```
#72008e rgb(114,0,142)
```
#8600a7
```
#8600a7 rgb(134,0,167)
```
#9b00c1
```
#9b00c1 rgb(155,0,193)
```
#af00da
```
#af00da rgb(175,0,218)
```
#c300f4
```
#c300f4 rgb(195,0,244)
```
#cf0eff
```
#cf0eff rgb(207,14,255)
```
#d428ff
```
#d428ff rgb(212,40,255)
```

Monochromatic Color

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

#7900da
```
#7900da rgb(121,0,218)
```
#8b00da
```
#8b00da rgb(139,0,218)
```
#9d00da
```
#9d00da rgb(157,0,218)
```
#af00da
```
#af00da rgb(175,0,218)
```
#c100da
```
#c100da rgb(193,0,218)
```
#d300da
```
#d300da rgb(211,0,218)
```
#da00cf
```
#da00cf rgb(218,0,207)
```

Similar Colors

Text with hexadecimal color #af00da

This text has a font color of #af00da.

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

#af00da background color

This paragraph has a background color of #af00da.

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

#af00da border color

This element has a border color of #af00da.

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

CSS codes

.text {color:#af00da;}

.background {background-color:#af00da;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#120016
```
#120016 rgb(18,0,22)
```
#210029
```
#210029 rgb(33,0,41)
```
#31003d
```
#31003d rgb(49,0,61)
```
#410051
```
#410051 rgb(65,0,81)
```
#510064
```
#510064 rgb(81,0,100)
```
#600078
```
#600078 rgb(96,0,120)
```
#70008c
```
#70008c rgb(112,0,140)
```
#80009f
```
#80009f rgb(128,0,159)
```
#9000b3
```
#9000b3 rgb(144,0,179)
```
#9f00c6
```
#9f00c6 rgb(159,0,198)
```
#af00da
```
#af00da rgb(175,0,218)
```
#bf00ee
```
#bf00ee rgb(191,0,238)
```

Shade Color Variation

#cd02ff
```
#cd02ff rgb(205,2,255)
```
#d116ff
```
#d116ff rgb(209,22,255)
```
#d529ff
```
#d529ff rgb(213,41,255)
```
#d93dff
```
#d93dff rgb(217,61,255)
```
#dd51ff
```
#dd51ff rgb(221,81,255)
```
#e064ff
```
#e064ff rgb(224,100,255)
```
#e478ff
```
#e478ff rgb(228,120,255)
```
#e88cff
```
#e88cff rgb(232,140,255)
```
#ec9fff
```
#ec9fff rgb(236,159,255)
```
#f0b3ff
```
#f0b3ff rgb(240,179,255)
```
#f4c6ff
```
#f4c6ff rgb(244,198,255)
```
#f8daff
```
#f8daff rgb(248,218,255)
```
#fceeff
```
#fceeff rgb(252,238,255)
```

Tint Color Variation

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

#726575
```
#726575 rgb(114,101,117)
```
#775c7e
```
#775c7e rgb(119,92,126)
```
#7c5486
```
#7c5486 rgb(124,84,134)
```
#814b8f
```
#814b8f rgb(129,75,143)
```
#864397
```
#864397 rgb(134,67,151)
```
#8b3b9f
```
#8b3b9f rgb(139,59,159)
```
#9132a8
```
#9132a8 rgb(145,50,168)
```
#962ab0
```
#962ab0 rgb(150,42,176)
```
#9b22b8
```
#9b22b8 rgb(155,34,184)
```
#a019c1
```
#a019c1 rgb(160,25,193)
```
#a511c9
```
#a511c9 rgb(165,17,201)
```
#aa08d2
```
#aa08d2 rgb(170,8,210)
```
#af00da
```
#af00da rgb(175,0,218)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#613e69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073be Deuteranopia 1% of men
#9f5d64 Tritanopia 0.001% of the population

Trichromacy

#3f45d7 Protanomaly 1% of men, 0.01% of women
#3f49c8 Deuteranomaly 6% of men, 0.4% of women
#a53b8f Tritanomaly 0.01% of the population