#af60fd hex color

In a RGB color space, hex #af60fd is composed of 68.6% red, 37.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 62.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 270.2 degrees, a saturation of 97.5% and a lightness of 68.4%. #af60fd color hex could be obtained by blending #ffc0ff with #5f00fb. Closest websafe color is: #9966ff.

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

● #af60fd color description : Soft violet.

The hexadecimal color #af60fd has RGB values of R:175, G:96, B:253 and CMYK values of C:0.31, M:0.62, Y:0, K:0.01. Its decimal value is 11493629.

Hex triplet	af60fd	`#af60fd`
RGB Decimal	175, 96, 253	`rgb(175,96,253)`
RGB Percent	68.6, 37.6, 99.2	`rgb(68.6%,37.6%,99.2%)`
CMYK	31, 62, 0, 1
HSL	270.2°, 97.5, 68.4	`hsl(270.2,97.5%,68.4%)`
HSV (or HSB)	270.2°, 62.1, 99.2
Web Safe	9966ff	`#9966ff`

CIE-LAB	56.656, 60.234, -66.23
XYZ	39.589, 24.572, 95.58
xyY	0.248, 0.154, 24.572
CIE-LCH	56.656, 89.524, 312.285
CIE-LUV	56.656, 22.125, -110.55
Hunter-Lab	49.57, 55.81, -79.623
Binary	10101111, 01100000, 11111101

#af60fd
```
#af60fd rgb(175,96,253)
```
#aefd60
```
#aefd60 rgb(174,253,96)
```

Complementary Color

#6160fd
```
#6160fd rgb(97,96,253)
```
#af60fd
```
#af60fd rgb(175,96,253)
```
#fd60fd
```
#fd60fd rgb(253,96,253)
```

Analogous Color

#60fd61
```
#60fd61 rgb(96,253,97)
```
#af60fd
```
#af60fd rgb(175,96,253)
```
#fdfd60
```
#fdfd60 rgb(253,253,96)
```

Split Complementary Color

#60fdaf
```
#60fdaf rgb(96,253,175)
```
#af60fd
```
#af60fd rgb(175,96,253)
```
#fdaf60
```
#fdaf60 rgb(253,175,96)
```

Triadic Color

#60aefd
```
#60aefd rgb(96,174,253)
```
#af60fd
```
#af60fd rgb(175,96,253)
```
#fdaf60
```
#fdaf60 rgb(253,175,96)
```
#aefd60
```
#aefd60 rgb(174,253,96)
```

Tetradic Color

#8914fc
```
#8914fc rgb(137,20,252)
```
#962efc
```
#962efc rgb(150,46,252)
```
#a247fd
```
#a247fd rgb(162,71,253)
```
#af60fd
```
#af60fd rgb(175,96,253)
```
#bc79fd
```
#bc79fd rgb(188,121,253)
```
#c892fe
```
#c892fe rgb(200,146,254)
```
#d5acfe
```
#d5acfe rgb(213,172,254)
```

Monochromatic Color

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

#8860fd
```
#8860fd rgb(136,96,253)
```
#9560fd
```
#9560fd rgb(149,96,253)
```
#a260fd
```
#a260fd rgb(162,96,253)
```
#af60fd
```
#af60fd rgb(175,96,253)
```
#bc60fd
```
#bc60fd rgb(188,96,253)
```
#c960fd
```
#c960fd rgb(201,96,253)
```
#d660fd
```
#d660fd rgb(214,96,253)
```

Similar Colors

Text with hexadecimal color #af60fd

This text has a font color of #af60fd.

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

#af60fd background color

This paragraph has a background color of #af60fd.

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

#af60fd border color

This element has a border color of #af60fd.

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

CSS codes

.text {color:#af60fd;}

.background {background-color:#af60fd;}

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

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, #08000f is the darkest color, while #fdfbff is the lightest one.

#08000f
```
#08000f rgb(8,0,15)
```
#120023
```
#120023 rgb(18,0,35)
```
#1c0136
```
#1c0136 rgb(28,1,54)
```
#250149
```
#250149 rgb(37,1,73)
```
#2f015d
```
#2f015d rgb(47,1,93)
```
#390170
```
#390170 rgb(57,1,112)
```
#430284
```
#430284 rgb(67,2,132)
```
#4d0297
```
#4d0297 rgb(77,2,151)
```
#5702aa
```
#5702aa rgb(87,2,170)
```
#6102be
```
#6102be rgb(97,2,190)
```
#6b03d1
```
#6b03d1 rgb(107,3,209)
```
#7403e4
```
#7403e4 rgb(116,3,228)
```
#7e03f8
```
#7e03f8 rgb(126,3,248)
```

Shade Color Variation

#8813fc
```
#8813fc rgb(136,19,252)
```
#9226fc
```
#9226fc rgb(146,38,252)
```
#9c39fd
```
#9c39fd rgb(156,57,253)
```
#a54dfd
```
#a54dfd rgb(165,77,253)
```
#af60fd
```
#af60fd rgb(175,96,253)
```
#b973fd
```
#b973fd rgb(185,115,253)
```
#c287fd
```
#c287fd rgb(194,135,253)
```
#cc9afe
```
#cc9afe rgb(204,154,254)
```
#d6adfe
```
#d6adfe rgb(214,173,254)
```
#e0c1fe
```
#e0c1fe rgb(224,193,254)
```
#e9d4fe
```
#e9d4fe rgb(233,212,254)
```
#f3e8ff
```
#f3e8ff rgb(243,232,255)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#afaab3
```
#afaab3 rgb(175,170,179)
```
#afa4b9
```
#afa4b9 rgb(175,164,185)
```
#af9ebf
```
#af9ebf rgb(175,158,191)
```
#af98c5
```
#af98c5 rgb(175,152,197)
```
#af92cb
```
#af92cb rgb(175,146,203)
```
#af8bd2
```
#af8bd2 rgb(175,139,210)
```
#af85d8
```
#af85d8 rgb(175,133,216)
```
#af7fde
```
#af7fde rgb(175,127,222)
```
#af79e4
```
#af79e4 rgb(175,121,228)
```
#af73ea
```
#af73ea rgb(175,115,234)
```
#af6cf1
```
#af6cf1 rgb(175,108,241)
```
#af66f7
```
#af66f7 rgb(175,102,247)
```
#af60fd
```
#af60fd rgb(175,96,253)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9182a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#428aff Protanopia 1% of men
#2390ef Deuteranopia 1% of men
#9b8993 Tritanopia 0.001% of the population

Trichromacy

#6a7afe Protanomaly 1% of men, 0.01% of women
#567ef4 Deuteranomaly 6% of men, 0.4% of women
#a27ab9 Tritanomaly 0.01% of the population

#af60fd hex color

#af60fd Color Information

#af60fd Color Conversion

Color Schemes with #af60fd

Alternatives to #af60fd

#af60fd Preview

Shades and Tints of #af60fd

Tones of #af60fd

Color Blindness Simulator