#af40ff hex color

In a RGB color space, hex #af40ff is composed of 68.6% red, 25.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 74.9% magenta, 0% yellow and 0% black. It has a hue angle of 274.9 degrees, a saturation of 100% and a lightness of 62.5%. #af40ff color hex could be obtained by blending #ff80ff with #5f00ff. Closest websafe color is: #9933ff.

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

● #af40ff color description : Light violet.

The hexadecimal color #af40ff has RGB values of R:175, G:64, B:255 and CMYK values of C:0.31, M:0.75, Y:0, K:0. Its decimal value is 11485439.

Hex triplet	af40ff	`#af40ff`
RGB Decimal	175, 64, 255	`rgb(175,64,255)`
RGB Percent	68.6, 25.1, 100	`rgb(68.6%,25.1%,100%)`
CMYK	31, 75, 0, 0
HSL	274.9°, 100, 62.5	`hsl(274.9,100%,62.5%)`
HSV (or HSB)	274.9°, 74.9, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	51.839, 74.506, -75.137
XYZ	37.56, 20.001, 96.484
xyY	0.244, 0.13, 20.001
CIE-LCH	51.839, 105.814, 314.758
CIE-LUV	51.839, 28.145, -122.145
Hunter-Lab	44.723, 71.645, -96.605
Binary	10101111, 01000000, 11111111

#af40ff
```
#af40ff rgb(175,64,255)
```
#90ff40
```
#90ff40 rgb(144,255,64)
```

Complementary Color

#4f40ff
```
#4f40ff rgb(79,64,255)
```
#af40ff
```
#af40ff rgb(175,64,255)
```
#ff40f0
```
#ff40f0 rgb(255,64,240)
```

Analogous Color

#40ff4f
```
#40ff4f rgb(64,255,79)
```
#af40ff
```
#af40ff rgb(175,64,255)
```
#f0ff40
```
#f0ff40 rgb(240,255,64)
```

Split Complementary Color

#40ffaf
```
#40ffaf rgb(64,255,175)
```
#af40ff
```
#af40ff rgb(175,64,255)
```
#ffaf40
```
#ffaf40 rgb(255,175,64)
```

Triadic Color

#4090ff
```
#4090ff rgb(64,144,255)
```
#af40ff
```
#af40ff rgb(175,64,255)
```
#ffaf40
```
#ffaf40 rgb(255,175,64)
```
#90ff40
```
#90ff40 rgb(144,255,64)
```

Tetradic Color

#8d00f3
```
#8d00f3 rgb(141,0,243)
```
#9a0dff
```
#9a0dff rgb(154,13,255)
```
#a427ff
```
#a427ff rgb(164,39,255)
```
#af40ff
```
#af40ff rgb(175,64,255)
```
#ba5aff
```
#ba5aff rgb(186,90,255)
```
#c473ff
```
#c473ff rgb(196,115,255)
```
#cf8dff
```
#cf8dff rgb(207,141,255)
```

Monochromatic Color

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

#7f40ff
```
#7f40ff rgb(127,64,255)
```
#8f40ff
```
#8f40ff rgb(143,64,255)
```
#9f40ff
```
#9f40ff rgb(159,64,255)
```
#af40ff
```
#af40ff rgb(175,64,255)
```
#bf40ff
```
#bf40ff rgb(191,64,255)
```
#cf40ff
```
#cf40ff rgb(207,64,255)
```
#df40ff
```
#df40ff rgb(223,64,255)
```

Similar Colors

Text with hexadecimal color #af40ff

This text has a font color of #af40ff.

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

#af40ff background color

This paragraph has a background color of #af40ff.

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

#af40ff border color

This element has a border color of #af40ff.

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

CSS codes

.text {color:#af40ff;}

.background {background-color:#af40ff;}

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

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

#030005
```
#030005 rgb(3,0,5)
```
#0e0019
```
#0e0019 rgb(14,0,25)
```
#1a002c
```
#1a002c rgb(26,0,44)
```
#250040
```
#250040 rgb(37,0,64)
```
#310054
```
#310054 rgb(49,0,84)
```
#3c0067
```
#3c0067 rgb(60,0,103)
```
#47007b
```
#47007b rgb(71,0,123)
```
#53008e
```
#53008e rgb(83,0,142)
```
#5e00a2
```
#5e00a2 rgb(94,0,162)
```
#6a00b6
```
#6a00b6 rgb(106,0,182)
```
#7500c9
```
#7500c9 rgb(117,0,201)
```
#8000dd
```
#8000dd rgb(128,0,221)
```
#8c00f1
```
#8c00f1 rgb(140,0,241)
```

Shade Color Variation

#9605ff
```
#9605ff rgb(150,5,255)
```
#9f19ff
```
#9f19ff rgb(159,25,255)
```
#a72cff
```
#a72cff rgb(167,44,255)
```
#af40ff
```
#af40ff rgb(175,64,255)
```
#b754ff
```
#b754ff rgb(183,84,255)
```
#bf67ff
```
#bf67ff rgb(191,103,255)
```
#c87bff
```
#c87bff rgb(200,123,255)
```
#d08eff
```
#d08eff rgb(208,142,255)
```
#d8a2ff
```
#d8a2ff rgb(216,162,255)
```
#e0b6ff
```
#e0b6ff rgb(224,182,255)
```
#e9c9ff
```
#e9c9ff rgb(233,201,255)
```
#f1ddff
```
#f1ddff rgb(241,221,255)
```
#f9f1ff
```
#f9f1ff rgb(249,241,255)
```

Tint Color Variation

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

#a198a7
```
#a198a7 rgb(161,152,167)
```
#a291ae
```
#a291ae rgb(162,145,174)
```
#a389b6
```
#a389b6 rgb(163,137,182)
```
#a482bd
```
#a482bd rgb(164,130,189)
```
#a57bc4
```
#a57bc4 rgb(165,123,196)
```
#a773cc
```
#a773cc rgb(167,115,204)
```
#a86cd3
```
#a86cd3 rgb(168,108,211)
```
#a965da
```
#a965da rgb(169,101,218)
```
#aa5de2
```
#aa5de2 rgb(170,93,226)
```
#ab56e9
```
#ab56e9 rgb(171,86,233)
```
#ad4ff0
```
#ad4ff0 rgb(173,79,240)
```
#ae47f8
```
#ae47f8 rgb(174,71,248)
```
#af40ff
```
#af40ff rgb(175,64,255)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#826c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef6 Protanopia 1% of men
#0085da Deuteranopia 1% of men
#977a83 Tritanopia 0.001% of the population

Trichromacy

#3f67f9 Protanomaly 1% of men, 0.01% of women
#3f6be7 Deuteranomaly 6% of men, 0.4% of women
#a065b0 Tritanomaly 0.01% of the population

#af40ff hex color

#af40ff Color Information

#af40ff Color Conversion

Color Schemes with #af40ff

Alternatives to #af40ff

#af40ff Preview

Shades and Tints of #af40ff

Tones of #af40ff

Color Blindness Simulator