#af66fd hex color

In a RGB color space, hex #af66fd is composed of 68.6% red, 40% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 59.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 269 degrees, a saturation of 97.4% and a lightness of 69.6%. #af66fd color hex could be obtained by blending #ffccff with #5f00fb. Closest websafe color is: #9966ff.

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

● #af66fd color description : Soft violet.

The hexadecimal color #af66fd has RGB values of R:175, G:102, B:253 and CMYK values of C:0.31, M:0.6, Y:0, K:0.01. Its decimal value is 11495165.

Hex triplet	af66fd	`#af66fd`
RGB Decimal	175, 102, 253	`rgb(175,102,253)`
RGB Percent	68.6, 40, 99.2	`rgb(68.6%,40%,99.2%)`
CMYK	31, 60, 0, 1
HSL	269°, 97.4, 69.6	`hsl(269,97.4%,69.6%)`
HSV (or HSB)	269°, 59.7, 99.2
Web Safe	9966ff	`#9966ff`

CIE-LAB	57.76, 57.255, -64.453
XYZ	40.157, 25.709, 95.77
xyY	0.248, 0.159, 25.709
CIE-LCH	57.76, 86.211, 311.615
CIE-LUV	57.76, 20.585, -108.025
Hunter-Lab	50.704, 52.639, -76.494
Binary	10101111, 01100110, 11111101

#af66fd
```
#af66fd rgb(175,102,253)
```
#b4fd66
```
#b4fd66 rgb(180,253,102)
```

Complementary Color

#6669fd
```
#6669fd rgb(102,105,253)
```
#af66fd
```
#af66fd rgb(175,102,253)
```
#fb66fd
```
#fb66fd rgb(251,102,253)
```

Analogous Color

#69fd66
```
#69fd66 rgb(105,253,102)
```
#af66fd
```
#af66fd rgb(175,102,253)
```
#fdfb66
```
#fdfb66 rgb(253,251,102)
```

Split Complementary Color

#66fdaf
```
#66fdaf rgb(102,253,175)
```
#af66fd
```
#af66fd rgb(175,102,253)
```
#fdaf66
```
#fdaf66 rgb(253,175,102)
```

Triadic Color

#66b4fd
```
#66b4fd rgb(102,180,253)
```
#af66fd
```
#af66fd rgb(175,102,253)
```
#fdaf66
```
#fdaf66 rgb(253,175,102)
```
#b4fd66
```
#b4fd66 rgb(180,253,102)
```

Tetradic Color

#881afc
```
#881afc rgb(136,26,252)
```
#9534fc
```
#9534fc rgb(149,52,252)
```
#a24dfd
```
#a24dfd rgb(162,77,253)
```
#af66fd
```
#af66fd rgb(175,102,253)
```
#bc7ffd
```
#bc7ffd rgb(188,127,253)
```
#c998fe
```
#c998fe rgb(201,152,254)
```
#d6b2fe
```
#d6b2fe rgb(214,178,254)
```

Monochromatic Color

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

#8966fd
```
#8966fd rgb(137,102,253)
```
#9666fd
```
#9666fd rgb(150,102,253)
```
#a266fd
```
#a266fd rgb(162,102,253)
```
#af66fd
```
#af66fd rgb(175,102,253)
```
#bc66fd
```
#bc66fd rgb(188,102,253)
```
#c866fd
```
#c866fd rgb(200,102,253)
```
#d566fd
```
#d566fd rgb(213,102,253)
```

Similar Colors

Text with hexadecimal color #af66fd

This text has a font color of #af66fd.

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

#af66fd background color

This paragraph has a background color of #af66fd.

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

#af66fd border color

This element has a border color of #af66fd.

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

CSS codes

.text {color:#af66fd;}

.background {background-color:#af66fd;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0a0015
```
#0a0015 rgb(10,0,21)
```
#140129
```
#140129 rgb(20,1,41)
```
#1d013c
```
#1d013c rgb(29,1,60)
```
#27014f
```
#27014f rgb(39,1,79)
```
#300163
```
#300163 rgb(48,1,99)
```
#3a0276
```
#3a0276 rgb(58,2,118)
```
#430289
```
#430289 rgb(67,2,137)
```
#4d029d
```
#4d029d rgb(77,2,157)
```
#5602b0
```
#5602b0 rgb(86,2,176)
```
#6003c4
```
#6003c4 rgb(96,3,196)
```
#6903d7
```
#6903d7 rgb(105,3,215)
```
#7303ea
```
#7303ea rgb(115,3,234)
```

Shade Color Variation

#7c05fc
```
#7c05fc rgb(124,5,252)
```
#8719fc
```
#8719fc rgb(135,25,252)
```
#912cfc
```
#912cfc rgb(145,44,252)
```
#9b3ffc
```
#9b3ffc rgb(155,63,252)
```
#a553fd
```
#a553fd rgb(165,83,253)
```
#af66fd
```
#af66fd rgb(175,102,253)
```
#b979fd
```
#b979fd rgb(185,121,253)
```
#c38dfe
```
#c38dfe rgb(195,141,254)
```
#cda0fe
```
#cda0fe rgb(205,160,254)
```
#d7b3fe
```
#d7b3fe rgb(215,179,254)
```
#e2c7fe
```
#e2c7fe rgb(226,199,254)
```
#ecdaff
```
#ecdaff rgb(236,218,255)
```
#f6eeff
```
#f6eeff rgb(246,238,255)
```

Tint Color Variation

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

#b1aeb5
```
#b1aeb5 rgb(177,174,181)
```
#b1a8bb
```
#b1a8bb rgb(177,168,187)
```
#b1a2c1
```
#b1a2c1 rgb(177,162,193)
```
#b19cc7
```
#b19cc7 rgb(177,156,199)
```
#b196cd
```
#b196cd rgb(177,150,205)
```
#b090d3
```
#b090d3 rgb(176,144,211)
```
#b08ad9
```
#b08ad9 rgb(176,138,217)
```
#b084df
```
#b084df rgb(176,132,223)
```
#b07ee5
```
#b07ee5 rgb(176,126,229)
```
#b078eb
```
#b078eb rgb(176,120,235)
```
#af72f1
```
#af72f1 rgb(175,114,241)
```
#af6cf7
```
#af6cf7 rgb(175,108,247)
```
#af66fd
```
#af66fd rgb(175,102,253)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#9485a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8dff Protanopia 1% of men
#3592f0 Deuteranopia 1% of men
#9b8c96 Tritanopia 0.001% of the population

Trichromacy

#707efe Protanomaly 1% of men, 0.01% of women
#6182f4 Deuteranomaly 6% of men, 0.4% of women
#a27ebb Tritanomaly 0.01% of the population

#af66fd hex color

#af66fd Color Information

#af66fd Color Conversion

Color Schemes with #af66fd

Alternatives to #af66fd

#af66fd Preview

Shades and Tints of #af66fd

Tones of #af66fd

Color Blindness Simulator