#af60f0 hex color

In a RGB color space, hex #af60f0 is composed of 68.6% red, 37.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 60% magenta, 0% yellow and 5.9% black. It has a hue angle of 272.9 degrees, a saturation of 82.8% and a lightness of 65.9%. #af60f0 color hex could be obtained by blending #ffc0ff with #5f00e1. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 38
- B 94
RGB color chart
- C 27
- M 60
- Y 0
- K 6
CMYK color chart

● #af60f0 color description : Soft violet.

The hexadecimal color #af60f0 has RGB values of R:175, G:96, B:240 and CMYK values of C:0.27, M:0.6, Y:0, K:0.06. Its decimal value is 11493616.

Hex triplet	af60f0	`#af60f0`
RGB Decimal	175, 96, 240	`rgb(175,96,240)`
RGB Percent	68.6, 37.6, 94.1	`rgb(68.6%,37.6%,94.1%)`
CMYK	27, 60, 0, 6
HSL	272.9°, 82.8, 65.9	`hsl(272.9,82.8%,65.9%)`
HSV (or HSB)	272.9°, 60, 94.1
Web Safe	9966ff	`#9966ff`

CIE-LAB	55.858, 57.271, -60.291
XYZ	37.588, 23.772, 85.042
xyY	0.257, 0.162, 23.772
CIE-LCH	55.858, 83.157, 313.529
CIE-LUV	55.858, 24.489, -100.812
Hunter-Lab	48.756, 52.289, -69.286
Binary	10101111, 01100000, 11110000

#af60f0
```
#af60f0 rgb(175,96,240)
```
#a1f060
```
#a1f060 rgb(161,240,96)
```

Complementary Color

#6760f0
```
#6760f0 rgb(103,96,240)
```
#af60f0
```
#af60f0 rgb(175,96,240)
```
#f060e9
```
#f060e9 rgb(240,96,233)
```

Analogous Color

#60f067
```
#60f067 rgb(96,240,103)
```
#af60f0
```
#af60f0 rgb(175,96,240)
```
#e9f060
```
#e9f060 rgb(233,240,96)
```

Split Complementary Color

#60f0af
```
#60f0af rgb(96,240,175)
```
#af60f0
```
#af60f0 rgb(175,96,240)
```
#f0af60
```
#f0af60 rgb(240,175,96)
```

Triadic Color

#60a1f0
```
#60a1f0 rgb(96,161,240)
```
#af60f0
```
#af60f0 rgb(175,96,240)
```
#f0af60
```
#f0af60 rgb(240,175,96)
```
#a1f060
```
#a1f060 rgb(161,240,96)
```

Tetradic Color

#8c1ae9
```
#8c1ae9 rgb(140,26,233)
```
#9831ec
```
#9831ec rgb(152,49,236)
```
#a349ee
```
#a349ee rgb(163,73,238)
```
#af60f0
```
#af60f0 rgb(175,96,240)
```
#bb77f2
```
#bb77f2 rgb(187,119,242)
```
#c68ff4
```
#c68ff4 rgb(198,143,244)
```
#d2a6f7
```
#d2a6f7 rgb(210,166,247)
```

Monochromatic Color

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

#8b60f0
```
#8b60f0 rgb(139,96,240)
```
#9760f0
```
#9760f0 rgb(151,96,240)
```
#a360f0
```
#a360f0 rgb(163,96,240)
```
#af60f0
```
#af60f0 rgb(175,96,240)
```
#bb60f0
```
#bb60f0 rgb(187,96,240)
```
#c760f0
```
#c760f0 rgb(199,96,240)
```
#d360f0
```
#d360f0 rgb(211,96,240)
```

Similar Colors

Text with hexadecimal color #af60f0

This text has a font color of #af60f0.

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

#af60f0 background color

This paragraph has a background color of #af60f0.

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

#af60f0 border color

This element has a border color of #af60f0.

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

CSS codes

.text {color:#af60f0;}

.background {background-color:#af60f0;}

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

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 #f7effe is the lightest one.

#010002
```
#010002 rgb(1,0,2)
```
#0c0214
```
#0c0214 rgb(12,2,20)
```
#170426
```
#170426 rgb(23,4,38)
```
#210538
```
#210538 rgb(33,5,56)
```
#2c074a
```
#2c074a rgb(44,7,74)
```
#36095c
```
#36095c rgb(54,9,92)
```
#410a6e
```
#410a6e rgb(65,10,110)
```
#4c0c80
```
#4c0c80 rgb(76,12,128)
```
#560e92
```
#560e92 rgb(86,14,146)
```
#610fa4
```
#610fa4 rgb(97,15,164)
```
#6b11b6
```
#6b11b6 rgb(107,17,182)
```
#7613c7
```
#7613c7 rgb(118,19,199)
```
#8115d9
```
#8115d9 rgb(129,21,217)
```

Shade Color Variation

#8b18e9
```
#8b18e9 rgb(139,24,233)
```
#942aeb
```
#942aeb rgb(148,42,235)
```
#9d3ced
```
#9d3ced rgb(157,60,237)
```
#a64eee
```
#a64eee rgb(166,78,238)
```
#af60f0
```
#af60f0 rgb(175,96,240)
```
#b872f2
```
#b872f2 rgb(184,114,242)
```
#c184f3
```
#c184f3 rgb(193,132,243)
```
#ca96f5
```
#ca96f5 rgb(202,150,245)
```
#d3a8f7
```
#d3a8f7 rgb(211,168,247)
```
#dcbaf8
```
#dcbaf8 rgb(220,186,248)
```
#e5ccfa
```
#e5ccfa rgb(229,204,250)
```
#eeddfc
```
#eeddfc rgb(238,221,252)
```
#f7effe
```
#f7effe rgb(247,239,254)
```

Tint Color Variation

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

#a8a3ad
```
#a8a3ad rgb(168,163,173)
```
#a99cb4
```
#a99cb4 rgb(169,156,180)
```
#aa96ba
```
#aa96ba rgb(170,150,186)
```
#aa8fc1
```
#aa8fc1 rgb(170,143,193)
```
#ab88c8
```
#ab88c8 rgb(171,136,200)
```
#ac81cf
```
#ac81cf rgb(172,129,207)
```
#ac7bd5
```
#ac7bd5 rgb(172,123,213)
```
#ad74dc
```
#ad74dc rgb(173,116,220)
```
#ae6de3
```
#ae6de3 rgb(174,109,227)
```
#ae67e9
```
#ae67e9 rgb(174,103,233)
```
#af60f0
```
#af60f0 rgb(175,96,240)
```
#b059f7
```
#b059f7 rgb(176,89,247)
```
#b053fd
```
#b053fd rgb(176,83,253)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#90809d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b88ff Protanopia 1% of men
#428de3 Deuteranopia 1% of men
#9e858f Tritanopia 0.001% of the population

Trichromacy

#6579f9 Protanomaly 1% of men, 0.01% of women
#697ce8 Deuteranomaly 6% of men, 0.4% of women
#a477b2 Tritanomaly 0.01% of the population

#af60f0 hex color

#af60f0 Color Information

#af60f0 Color Conversion

Color Schemes with #af60f0

Alternatives to #af60f0

#af60f0 Preview

Shades and Tints of #af60f0

Tones of #af60f0

Color Blindness Simulator