#af60ff hex color

In a RGB color space, hex #af60ff is composed of 68.6% red, 37.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 62.4% magenta, 0% yellow and 0% black. It has a hue angle of 269.8 degrees, a saturation of 100% and a lightness of 68.8%. #af60ff color hex could be obtained by blending #ffc0ff with #5f00ff. Closest websafe color is: #9966ff.

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

● #af60ff color description : Light violet.

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

Hex triplet	af60ff	`#af60ff`
RGB Decimal	175, 96, 255	`rgb(175,96,255)`
RGB Percent	68.6, 37.6, 100	`rgb(68.6%,37.6%,100%)`
CMYK	31, 62, 0, 0
HSL	269.8°, 100, 68.8	`hsl(269.8,100%,68.8%)`
HSV (or HSB)	269.8°, 62.4, 100
Web Safe	9966ff	`#9966ff`

CIE-LAB	56.782, 60.695, -67.133
XYZ	39.909, 24.7, 97.267
xyY	0.247, 0.153, 24.7
CIE-LCH	56.782, 90.502, 312.117
CIE-LUV	56.782, 21.772, -112.027
Hunter-Lab	49.699, 56.364, -81.248
Binary	10101111, 01100000, 11111111

#af60ff
```
#af60ff rgb(175,96,255)
```
#b0ff60
```
#b0ff60 rgb(176,255,96)
```

Complementary Color

#6061ff
```
#6061ff rgb(96,97,255)
```
#af60ff
```
#af60ff rgb(175,96,255)
```
#ff60ff
```
#ff60ff rgb(255,96,255)
```

Analogous Color

#61ff60
```
#61ff60 rgb(97,255,96)
```
#af60ff
```
#af60ff rgb(175,96,255)
```
#ffff60
```
#ffff60 rgb(255,255,96)
```

Split Complementary Color

#60ffaf
```
#60ffaf rgb(96,255,175)
```
#af60ff
```
#af60ff rgb(175,96,255)
```
#ffaf60
```
#ffaf60 rgb(255,175,96)
```

Triadic Color

#60b0ff
```
#60b0ff rgb(96,176,255)
```
#af60ff
```
#af60ff rgb(175,96,255)
```
#ffaf60
```
#ffaf60 rgb(255,175,96)
```
#b0ff60
```
#b0ff60 rgb(176,255,96)
```

Tetradic Color

#8914ff
```
#8914ff rgb(137,20,255)
```
#952dff
```
#952dff rgb(149,45,255)
```
#a247ff
```
#a247ff rgb(162,71,255)
```
#af60ff
```
#af60ff rgb(175,96,255)
```
#bc7aff
```
#bc7aff rgb(188,122,255)
```
#c993ff
```
#c993ff rgb(201,147,255)
```
#d5adff
```
#d5adff rgb(213,173,255)
```

Monochromatic Color

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

#8760ff
```
#8760ff rgb(135,96,255)
```
#9560ff
```
#9560ff rgb(149,96,255)
```
#a260ff
```
#a260ff rgb(162,96,255)
```
#af60ff
```
#af60ff rgb(175,96,255)
```
#bc60ff
```
#bc60ff rgb(188,96,255)
```
#ca60ff
```
#ca60ff rgb(202,96,255)
```
#d760ff
```
#d760ff rgb(215,96,255)
```

Similar Colors

Text with hexadecimal color #af60ff

This text has a font color of #af60ff.

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

#af60ff background color

This paragraph has a background color of #af60ff.

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

#af60ff border color

This element has a border color of #af60ff.

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

CSS codes

.text {color:#af60ff;}

.background {background-color:#af60ff;}

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

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

#090012
```
#090012 rgb(9,0,18)
```
#120025
```
#120025 rgb(18,0,37)
```
#1c0039
```
#1c0039 rgb(28,0,57)
```
#26004c
```
#26004c rgb(38,0,76)
```
#300060
```
#300060 rgb(48,0,96)
```
#390074
```
#390074 rgb(57,0,116)
```
#430087
```
#430087 rgb(67,0,135)
```
#4d009b
```
#4d009b rgb(77,0,155)
```
#5700ae
```
#5700ae rgb(87,0,174)
```
#6000c2
```
#6000c2 rgb(96,0,194)
```
#6a00d6
```
#6a00d6 rgb(106,0,214)
```
#7400e9
```
#7400e9 rgb(116,0,233)
```
#7e00fd
```
#7e00fd rgb(126,0,253)
```

Shade Color Variation

#8812ff
```
#8812ff rgb(136,18,255)
```
#9125ff
```
#9125ff rgb(145,37,255)
```
#9b39ff
```
#9b39ff rgb(155,57,255)
```
#a54cff
```
#a54cff rgb(165,76,255)
```
#af60ff
```
#af60ff rgb(175,96,255)
```
#b974ff
```
#b974ff rgb(185,116,255)
```
#c387ff
```
#c387ff rgb(195,135,255)
```
#cd9bff
```
#cd9bff rgb(205,155,255)
```
#d6aeff
```
#d6aeff rgb(214,174,255)
```
#e0c2ff
```
#e0c2ff rgb(224,194,255)
```
#ead6ff
```
#ead6ff rgb(234,214,255)
```
#f4e9ff
```
#f4e9ff rgb(244,233,255)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#afa9b6
```
#afa9b6 rgb(175,169,182)
```
#afa3bc
```
#afa3bc rgb(175,163,188)
```
#af9dc2
```
#af9dc2 rgb(175,157,194)
```
#af97c8
```
#af97c8 rgb(175,151,200)
```
#af91ce
```
#af91ce rgb(175,145,206)
```
#af8bd4
```
#af8bd4 rgb(175,139,212)
```
#af85da
```
#af85da rgb(175,133,218)
```
#af7fe0
```
#af7fe0 rgb(175,127,224)
```
#af78e7
```
#af78e7 rgb(175,120,231)
```
#af72ed
```
#af72ed rgb(175,114,237)
```
#af6cf3
```
#af6cf3 rgb(175,108,243)
```
#af66f9
```
#af66f9 rgb(175,102,249)
```
#af60ff
```
#af60ff rgb(175,96,255)
```

Tone Color Variation

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

#438aff Protanopia 1% of men
#1990f0 Deuteranopia 1% of men
#9a8993 Tritanopia 0.001% of the population

Trichromacy

#6a7bff Protanomaly 1% of men, 0.01% of women
#4f7ef5 Deuteranomaly 6% of men, 0.4% of women
#a17aba Tritanomaly 0.01% of the population

#af60ff hex color

#af60ff Color Information

#af60ff Color Conversion

Color Schemes with #af60ff

Alternatives to #af60ff

#af60ff Preview

Shades and Tints of #af60ff

Tones of #af60ff

Color Blindness Simulator