colorhexa.com

#af0fdb hex color

In a RGB color space, hex #af0fdb is composed of 68.6% red, 5.9% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 93.2% magenta, 0% yellow and 14.1% black. It has a hue angle of 287.1 degrees, a saturation of 87.2% and a lightness of 45.9%. #af0fdb color hex could be obtained by blending #ff1eff with #5f00b7. Closest websafe color is: #9900cc.

- R 69
- G 6
- B 86
RGB color chart
- C 20
- M 93
- Y 0
- K 14
CMYK color chart

● #af0fdb color description : Vivid magenta.

The hexadecimal color #af0fdb has RGB values of R:175, G:15, B:219 and CMYK values of C:0.2, M:0.93, Y:0, K:0.14. Its decimal value is 11472859.

Hex triplet	af0fdb	`#af0fdb`
RGB Decimal	175, 15, 219	`rgb(175,15,219)`
RGB Percent	68.6, 5.9, 85.9	`rgb(68.6%,5.9%,85.9%)`
CMYK	20, 93, 0, 14
HSL	287.1°, 87.2, 45.9	`hsl(287.1,87.2%,45.9%)`
HSV (or HSB)	287.1°, 93.2, 85.9
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.042, 79.706, -65.888
XYZ	30.635, 14.571, 68.213
xyY	0.27, 0.128, 14.571
CIE-LCH	45.042, 103.414, 320.422
CIE-LUV	45.042, 42.253, -105.032
Hunter-Lab	38.173, 76.45, -79.228
Binary	10101111, 00001111, 11011011

#af0fdb
```
#af0fdb rgb(175,15,219)
```
#3bdb0f
```
#3bdb0f rgb(59,219,15)
```

Complementary Color

#490fdb
```
#490fdb rgb(73,15,219)
```
#af0fdb
```
#af0fdb rgb(175,15,219)
```
#db0fa1
```
#db0fa1 rgb(219,15,161)
```

Analogous Color

#0fdb49
```
#0fdb49 rgb(15,219,73)
```
#af0fdb
```
#af0fdb rgb(175,15,219)
```
#a1db0f
```
#a1db0f rgb(161,219,15)
```

Split Complementary Color

#0fdbaf
```
#0fdbaf rgb(15,219,175)
```
#af0fdb
```
#af0fdb rgb(175,15,219)
```
#dbaf0f
```
#dbaf0f rgb(219,175,15)
```

Triadic Color

#0f3bdb
```
#0f3bdb rgb(15,59,219)
```
#af0fdb
```
#af0fdb rgb(175,15,219)
```
#dbaf0f
```
#dbaf0f rgb(219,175,15)
```
#3bdb0f
```
#3bdb0f rgb(59,219,15)
```

Tetradic Color

#760a93
```
#760a93 rgb(118,10,147)
```
#890cab
```
#890cab rgb(137,12,171)
```
#9c0dc3
```
#9c0dc3 rgb(156,13,195)
```
#af0fdb
```
#af0fdb rgb(175,15,219)
```
#c015ef
```
#c015ef rgb(192,21,239)
```
#c62cf1
```
#c62cf1 rgb(198,44,241)
```
#cd44f2
```
#cd44f2 rgb(205,68,242)
```

Monochromatic Color

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

#7c0fdb
```
#7c0fdb rgb(124,15,219)
```
#8d0fdb
```
#8d0fdb rgb(141,15,219)
```
#9e0fdb
```
#9e0fdb rgb(158,15,219)
```
#af0fdb
```
#af0fdb rgb(175,15,219)
```
#c00fdb
```
#c00fdb rgb(192,15,219)
```
#d10fdb
```
#d10fdb rgb(209,15,219)
```
#db0fd4
```
#db0fd4 rgb(219,15,212)
```

Similar Colors

Text with hexadecimal color #af0fdb

This text has a font color of #af0fdb.

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

#af0fdb background color

This paragraph has a background color of #af0fdb.

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

#af0fdb border color

This element has a border color of #af0fdb.

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

CSS codes

.text {color:#af0fdb;}

.background {background-color:#af0fdb;}

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

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

#0e0111
```
#0e0111 rgb(14,1,17)
```
#1c0223
```
#1c0223 rgb(28,2,35)
```
#2b0436
```
#2b0436 rgb(43,4,54)
```
#3a0548
```
#3a0548 rgb(58,5,72)
```
#48065a
```
#48065a rgb(72,6,90)
```
#57076d
```
#57076d rgb(87,7,109)
```
#66097f
```
#66097f rgb(102,9,127)
```
#740a92
```
#740a92 rgb(116,10,146)
```
#830ba4
```
#830ba4 rgb(131,11,164)
```
#920cb6
```
#920cb6 rgb(146,12,182)
```
#a00ec9
```
#a00ec9 rgb(160,14,201)
```
#af0fdb
```
#af0fdb rgb(175,15,219)
```
#be10ed
```
#be10ed rgb(190,16,237)
```

Shade Color Variation

#c321f0
```
#c321f0 rgb(195,33,240)
```
#c834f1
```
#c834f1 rgb(200,52,241)
```
#cd46f2
```
#cd46f2 rgb(205,70,242)
```
#d258f4
```
#d258f4 rgb(210,88,244)
```
#d76bf5
```
#d76bf5 rgb(215,107,245)
```
#dc7df6
```
#dc7df6 rgb(220,125,246)
```
#e190f7
```
#e190f7 rgb(225,144,247)
```
#e6a2f9
```
#e6a2f9 rgb(230,162,249)
```
#ebb4fa
```
#ebb4fa rgb(235,180,250)
```
#f0c7fb
```
#f0c7fb rgb(240,199,251)
```
#f5d9fc
```
#f5d9fc rgb(245,217,252)
```
#faebfe
```
#faebfe rgb(250,235,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#777278
```
#777278 rgb(119,114,120)
```
#7c6981
```
#7c6981 rgb(124,105,129)
```
#81608a
```
#81608a rgb(129,96,138)
```
#865793
```
#865793 rgb(134,87,147)
```
#8b4e9c
```
#8b4e9c rgb(139,78,156)
```
#9045a5
```
#9045a5 rgb(144,69,165)
```
#953cae
```
#953cae rgb(149,60,174)
```
#9b33b7
```
#9b33b7 rgb(155,51,183)
```
#a02ac0
```
#a02ac0 rgb(160,42,192)
```
#a521c9
```
#a521c9 rgb(165,33,201)
```
#aa18d2
```
#aa18d2 rgb(170,24,210)
```
#af0fdb
```
#af0fdb rgb(175,15,219)
```
#b406e4
```
#b406e4 rgb(180,6,228)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#684871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0074c0 Deuteranopia 1% of men
#9f6066 Tritanopia 0.001% of the population

Trichromacy

#3f4cd9 Protanomaly 1% of men, 0.01% of women
#3f4fca Deuteranomaly 6% of men, 0.4% of women
#a54290 Tritanomaly 0.01% of the population