colorhexa.com

#af2fd6 hex color

In a RGB color space, hex #af2fd6 is composed of 68.6% red, 18.4% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 78% magenta, 0% yellow and 16.1% black. It has a hue angle of 286 degrees, a saturation of 67.1% and a lightness of 51.2%. #af2fd6 color hex could be obtained by blending #ff5eff with #5f00ad. Closest websafe color is: #9933cc.

- R 69
- G 18
- B 84
RGB color chart
- C 18
- M 78
- Y 0
- K 16
CMYK color chart

● #af2fd6 color description : Strong magenta.

The hexadecimal color #af2fd6 has RGB values of R:175, G:47, B:214 and CMYK values of C:0.18, M:0.78, Y:0, K:0.16. Its decimal value is 11481046.

Hex triplet	af2fd6	`#af2fd6`
RGB Decimal	175, 47, 214	`rgb(175,47,214)`
RGB Percent	68.6, 18.4, 83.9	`rgb(68.6%,18.4%,83.9%)`
CMYK	18, 78, 0, 16
HSL	286°, 67.1, 51.2	`hsl(286,67.1%,51.2%)`
HSV (or HSB)	286°, 78, 83.9
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.979, 72.09, -59.887
XYZ	30.832, 16.003, 65.08
xyY	0.275, 0.143, 16.003
CIE-LCH	46.979, 93.719, 320.283
CIE-LUV	46.979, 40.762, -97.312
Hunter-Lab	40.004, 67.565, -68.451
Binary	10101111, 00101111, 11010110

#af2fd6
```
#af2fd6 rgb(175,47,214)
```
#56d62f
```
#56d62f rgb(86,214,47)
```

Complementary Color

#5b2fd6
```
#5b2fd6 rgb(91,47,214)
```
#af2fd6
```
#af2fd6 rgb(175,47,214)
```
#d62faa
```
#d62faa rgb(214,47,170)
```

Analogous Color

#2fd65b
```
#2fd65b rgb(47,214,91)
```
#af2fd6
```
#af2fd6 rgb(175,47,214)
```
#aad62f
```
#aad62f rgb(170,214,47)
```

Split Complementary Color

#2fd6af
```
#2fd6af rgb(47,214,175)
```
#af2fd6
```
#af2fd6 rgb(175,47,214)
```
#d6af2f
```
#d6af2f rgb(214,175,47)
```

Triadic Color

#2f56d6
```
#2f56d6 rgb(47,86,214)
```
#af2fd6
```
#af2fd6 rgb(175,47,214)
```
#d6af2f
```
#d6af2f rgb(214,175,47)
```
#56d62f
```
#56d62f rgb(86,214,47)
```

Tetradic Color

#7d1e9a
```
#7d1e9a rgb(125,30,154)
```
#8f23af
```
#8f23af rgb(143,35,175)
```
#a027c5
```
#a027c5 rgb(160,39,197)
```
#af2fd6
```
#af2fd6 rgb(175,47,214)
```
#b744da
```
#b744da rgb(183,68,218)
```
#bf5ade
```
#bf5ade rgb(191,90,222)
```
#c86fe3
```
#c86fe3 rgb(200,111,227)
```

Monochromatic Color

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

#852fd6
```
#852fd6 rgb(133,47,214)
```
#932fd6
```
#932fd6 rgb(147,47,214)
```
#a12fd6
```
#a12fd6 rgb(161,47,214)
```
#af2fd6
```
#af2fd6 rgb(175,47,214)
```
#bd2fd6
```
#bd2fd6 rgb(189,47,214)
```
#cb2fd6
```
#cb2fd6 rgb(203,47,214)
```
#d62fd3
```
#d62fd3 rgb(214,47,211)
```

Similar Colors

Text with hexadecimal color #af2fd6

This text has a font color of #af2fd6.

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

#af2fd6 background color

This paragraph has a background color of #af2fd6.

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

#af2fd6 border color

This element has a border color of #af2fd6.

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

CSS codes

.text {color:#af2fd6;}

.background {background-color:#af2fd6;}

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

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

#040105
```
#040105 rgb(4,1,5)
```
#110415
```
#110415 rgb(17,4,21)
```
#1f0726
```
#1f0726 rgb(31,7,38)
```
#2c0b36
```
#2c0b36 rgb(44,11,54)
```
#390e47
```
#390e47 rgb(57,14,71)
```
#471157
```
#471157 rgb(71,17,87)
```
#541467
```
#541467 rgb(84,20,103)
```
#611878
```
#611878 rgb(97,24,120)
```
#6f1b88
```
#6f1b88 rgb(111,27,136)
```
#7c1e98
```
#7c1e98 rgb(124,30,152)
```
#8921a9
```
#8921a9 rgb(137,33,169)
```
#9725b9
```
#9725b9 rgb(151,37,185)
```
#a428ca
```
#a428ca rgb(164,40,202)
```

Shade Color Variation

#af2fd6
```
#af2fd6 rgb(175,47,214)
```
#b53fd9
```
#b53fd9 rgb(181,63,217)
```
#bc50dc
```
#bc50dc rgb(188,80,220)
```
#c260e0
```
#c260e0 rgb(194,96,224)
```
#c871e3
```
#c871e3 rgb(200,113,227)
```
#cf81e6
```
#cf81e6 rgb(207,129,230)
```
#d591e9
```
#d591e9 rgb(213,145,233)
```
#dba2ed
```
#dba2ed rgb(219,162,237)
```
#e1b2f0
```
#e1b2f0 rgb(225,178,240)
```
#e8c2f3
```
#e8c2f3 rgb(232,194,243)
```
#eed3f6
```
#eed3f6 rgb(238,211,246)
```
#f4e3fa
```
#f4e3fa rgb(244,227,250)
```
#fbf4fd
```
#fbf4fd rgb(251,244,253)
```

Tint Color Variation

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

#867c89
```
#867c89 rgb(134,124,137)
```
#8b7293
```
#8b7293 rgb(139,114,147)
```
#90689d
```
#90689d rgb(144,104,157)
```
#955fa6
```
#955fa6 rgb(149,95,166)
```
#9b55b0
```
#9b55b0 rgb(155,85,176)
```
#a04cb9
```
#a04cb9 rgb(160,76,185)
```
#a542c3
```
#a542c3 rgb(165,66,195)
```
#aa39cc
```
#aa39cc rgb(170,57,204)
```
#af2fd6
```
#af2fd6 rgb(175,47,214)
```
#b425e0
```
#b425e0 rgb(180,37,224)
```
#b91ce9
```
#b91ce9 rgb(185,28,233)
```
#be12f3
```
#be12f3 rgb(190,18,243)
```
#c309fc
```
#c309fc rgb(195,9,252)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#765d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#2578c6 Deuteranopia 1% of men
#a1666d Tritanopia 0.001% of the population

Trichromacy

#3f5add Protanomaly 1% of men, 0.01% of women
#575dcc Deuteranomaly 6% of men, 0.4% of women
#a65293 Tritanomaly 0.01% of the population