#af0cfd hex color

In a RGB color space, hex #af0cfd is composed of 68.6% red, 4.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 95.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 280.6 degrees, a saturation of 98.4% and a lightness of 52%. #af0cfd color hex could be obtained by blending #ff18ff with #5f00fb. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 69
- G 5
- B 99
RGB color chart
- C 31
- M 95
- Y 0
- K 1
CMYK color chart

● #af0cfd color description : Vivid violet.

The hexadecimal color #af0cfd has RGB values of R:175, G:12, B:253 and CMYK values of C:0.31, M:0.95, Y:0, K:0.01. Its decimal value is 11472125.

Hex triplet	af0cfd	`#af0cfd`
RGB Decimal	175, 12, 253	`rgb(175,12,253)`
RGB Percent	68.6, 4.7, 99.2	`rgb(68.6%,4.7%,99.2%)`
CMYK	31, 95, 0, 1
HSL	280.6°, 98.4, 52	`hsl(280.6,98.4%,52%)`
HSV (or HSB)	280.6°, 95.3, 99.2
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.585, 86.136, -80.964
XYZ	35.538, 16.47, 94.23
xyY	0.243, 0.113, 16.47
CIE-LCH	47.585, 118.214, 316.773
CIE-LUV	47.585, 33.178, -127.502
Hunter-Lab	40.583, 85.289, -109.258
Binary	10101111, 00001100, 11111101

#af0cfd
```
#af0cfd rgb(175,12,253)
```
#5afd0c
```
#5afd0c rgb(90,253,12)
```

Complementary Color

#360cfd
```
#360cfd rgb(54,12,253)
```
#af0cfd
```
#af0cfd rgb(175,12,253)
```
#fd0cd3
```
#fd0cd3 rgb(253,12,211)
```

Analogous Color

#0cfd36
```
#0cfd36 rgb(12,253,54)
```
#af0cfd
```
#af0cfd rgb(175,12,253)
```
#d3fd0c
```
#d3fd0c rgb(211,253,12)
```

Split Complementary Color

#0cfdaf
```
#0cfdaf rgb(12,253,175)
```
#af0cfd
```
#af0cfd rgb(175,12,253)
```
#fdaf0c
```
#fdaf0c rgb(253,175,12)
```

Triadic Color

#0c5afd
```
#0c5afd rgb(12,90,253)
```
#af0cfd
```
#af0cfd rgb(175,12,253)
```
#fdaf0c
```
#fdaf0c rgb(253,175,12)
```
#5afd0c
```
#5afd0c rgb(90,253,12)
```

Tetradic Color

#7f02bb
```
#7f02bb rgb(127,2,187)
```
#9002d4
```
#9002d4 rgb(144,2,212)
```
#a102ee
```
#a102ee rgb(161,2,238)
```
#af0cfd
```
#af0cfd rgb(175,12,253)
```
#b725fd
```
#b725fd rgb(183,37,253)
```
#c03ffd
```
#c03ffd rgb(192,63,253)
```
#c858fe
```
#c858fe rgb(200,88,254)
```

Monochromatic Color

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

#730cfd
```
#730cfd rgb(115,12,253)
```
#870cfd
```
#870cfd rgb(135,12,253)
```
#9b0cfd
```
#9b0cfd rgb(155,12,253)
```
#af0cfd
```
#af0cfd rgb(175,12,253)
```
#c30cfd
```
#c30cfd rgb(195,12,253)
```
#d70cfd
```
#d70cfd rgb(215,12,253)
```
#eb0cfd
```
#eb0cfd rgb(235,12,253)
```

Similar Colors

Text with hexadecimal color #af0cfd

This text has a font color of #af0cfd.

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

#af0cfd background color

This paragraph has a background color of #af0cfd.

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

#af0cfd border color

This element has a border color of #af0cfd.

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

CSS codes

.text {color:#af0cfd;}

.background {background-color:#af0cfd;}

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

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, #07000a is the darkest color, while #fcf5ff is the lightest one.

#07000a
```
#07000a rgb(7,0,10)
```
#14001d
```
#14001d rgb(20,0,29)
```
#210031
```
#210031 rgb(33,0,49)
```
#2e0144
```
#2e0144 rgb(46,1,68)
```
#3c0158
```
#3c0158 rgb(60,1,88)
```
#49016b
```
#49016b rgb(73,1,107)
```
#56017f
```
#56017f rgb(86,1,127)
```
#630192
```
#630192 rgb(99,1,146)
```
#7001a6
```
#7001a6 rgb(112,1,166)
```
#7e02b9
```
#7e02b9 rgb(126,2,185)
```
#8b02cc
```
#8b02cc rgb(139,2,204)
```
#9802e0
```
#9802e0 rgb(152,2,224)
```
#a502f3
```
#a502f3 rgb(165,2,243)
```

Shade Color Variation

#af0cfd
```
#af0cfd rgb(175,12,253)
```
#b51ffd
```
#b51ffd rgb(181,31,253)
```
#bc33fd
```
#bc33fd rgb(188,51,253)
```
#c246fd
```
#c246fd rgb(194,70,253)
```
#c95afe
```
#c95afe rgb(201,90,254)
```
#cf6dfe
```
#cf6dfe rgb(207,109,254)
```
#d581fe
```
#d581fe rgb(213,129,254)
```
#dc94fe
```
#dc94fe rgb(220,148,254)
```
#e2a8fe
```
#e2a8fe rgb(226,168,254)
```
#e9bbfe
```
#e9bbfe rgb(233,187,254)
```
#efcfff
```
#efcfff rgb(239,207,255)
```
#f5e2ff
```
#f5e2ff rgb(245,226,255)
```
#fcf5ff
```
#fcf5ff rgb(252,245,255)
```

Tint Color Variation

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

#877d8c
```
#877d8c rgb(135,125,140)
```
#8a7495
```
#8a7495 rgb(138,116,149)
```
#8e6a9f
```
#8e6a9f rgb(142,106,159)
```
#9161a8
```
#9161a8 rgb(145,97,168)
```
#9457b2
```
#9457b2 rgb(148,87,178)
```
#984ebb
```
#984ebb rgb(152,78,187)
```
#9b45c4
```
#9b45c4 rgb(155,69,196)
```
#9e3bce
```
#9e3bce rgb(158,59,206)
```
#a232d7
```
#a232d7 rgb(162,50,215)
```
#a528e1
```
#a528e1 rgb(165,40,225)
```
#a81fea
```
#a81fea rgb(168,31,234)
```
#ac15f4
```
#ac15f4 rgb(172,21,244)
```
#af0cfd
```
#af0cfd rgb(175,12,253)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#694979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#966d74 Tritanopia 0.001% of the population

Trichromacy

#3f4eec Protanomaly 1% of men, 0.01% of women
#3f52db Deuteranomaly 6% of men, 0.4% of women
#9f49a6 Tritanomaly 0.01% of the population

#af0cfd hex color

#af0cfd Color Information

#af0cfd Color Conversion

Color Schemes with #af0cfd

Alternatives to #af0cfd

#af0cfd Preview

Shades and Tints of #af0cfd

Tones of #af0cfd

Color Blindness Simulator