#af5afe hex color

In a RGB color space, hex #af5afe is composed of 68.6% red, 35.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 64.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 271.1 degrees, a saturation of 98.8% and a lightness of 67.5%. #af5afe color hex could be obtained by blending #ffb4ff with #5f00fd. Closest websafe color is: #9966ff.

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

● #af5afe color description : Soft violet.

The hexadecimal color #af5afe has RGB values of R:175, G:90, B:254 and CMYK values of C:0.31, M:0.65, Y:0, K:0. Its decimal value is 11492094.

Hex triplet	af5afe	`#af5afe`
RGB Decimal	175, 90, 254	`rgb(175,90,254)`
RGB Percent	68.6, 35.3, 99.6	`rgb(68.6%,35.3%,99.6%)`
CMYK	31, 65, 0, 0
HSL	271.1°, 98.8, 67.5	`hsl(271.1,98.8%,67.5%)`
HSV (or HSB)	271.1°, 64.6, 99.6
Web Safe	9966ff	`#9966ff`

CIE-LAB	55.667, 63.338, -68.378
XYZ	39.222, 23.583, 96.246
xyY	0.247, 0.148, 23.583
CIE-LCH	55.667, 93.205, 312.809
CIE-LUV	55.667, 23.377, -113.611
Hunter-Lab	48.562, 59.186, -83.515
Binary	10101111, 01011010, 11111110

#af5afe
```
#af5afe rgb(175,90,254)
```
#a9fe5a
```
#a9fe5a rgb(169,254,90)
```

Complementary Color

#5d5afe
```
#5d5afe rgb(93,90,254)
```
#af5afe
```
#af5afe rgb(175,90,254)
```
#fe5afb
```
#fe5afb rgb(254,90,251)
```

Analogous Color

#5afe5d
```
#5afe5d rgb(90,254,93)
```
#af5afe
```
#af5afe rgb(175,90,254)
```
#fbfe5a
```
#fbfe5a rgb(251,254,90)
```

Split Complementary Color

#5afeaf
```
#5afeaf rgb(90,254,175)
```
#af5afe
```
#af5afe rgb(175,90,254)
```
#feaf5a
```
#feaf5a rgb(254,175,90)
```

Triadic Color

#5aa9fe
```
#5aa9fe rgb(90,169,254)
```
#af5afe
```
#af5afe rgb(175,90,254)
```
#feaf5a
```
#feaf5a rgb(254,175,90)
```
#a9fe5a
```
#a9fe5a rgb(169,254,90)
```

Tetradic Color

#8a0efe
```
#8a0efe rgb(138,14,254)
```
#9627fe
```
#9627fe rgb(150,39,254)
```
#a341fe
```
#a341fe rgb(163,65,254)
```
#af5afe
```
#af5afe rgb(175,90,254)
```
#bb73fe
```
#bb73fe rgb(187,115,254)
```
#c88dfe
```
#c88dfe rgb(200,141,254)
```
#d4a6fe
```
#d4a6fe rgb(212,166,254)
```

Monochromatic Color

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

#865afe
```
#865afe rgb(134,90,254)
```
#945afe
```
#945afe rgb(148,90,254)
```
#a15afe
```
#a15afe rgb(161,90,254)
```
#af5afe
```
#af5afe rgb(175,90,254)
```
#bd5afe
```
#bd5afe rgb(189,90,254)
```
#ca5afe
```
#ca5afe rgb(202,90,254)
```
#d85afe
```
#d85afe rgb(216,90,254)
```

Similar Colors

Text with hexadecimal color #af5afe

This text has a font color of #af5afe.

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

#af5afe background color

This paragraph has a background color of #af5afe.

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

#af5afe border color

This element has a border color of #af5afe.

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

CSS codes

.text {color:#af5afe;}

.background {background-color:#af5afe;}

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

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, #05000a is the darkest color, while #fbf6ff is the lightest one.

#05000a
```
#05000a rgb(5,0,10)
```
#10001e
```
#10001e rgb(16,0,30)
```
#1a0031
```
#1a0031 rgb(26,0,49)
```
#240045
```
#240045 rgb(36,0,69)
```
#2e0158
```
#2e0158 rgb(46,1,88)
```
#38016c
```
#38016c rgb(56,1,108)
```
#42017f
```
#42017f rgb(66,1,127)
```
#4d0193
```
#4d0193 rgb(77,1,147)
```
#5701a6
```
#5701a6 rgb(87,1,166)
```
#6101ba
```
#6101ba rgb(97,1,186)
```
#6b01cd
```
#6b01cd rgb(107,1,205)
```
#7501e1
```
#7501e1 rgb(117,1,225)
```
#7f01f4
```
#7f01f4 rgb(127,1,244)
```

Shade Color Variation

#890cfe
```
#890cfe rgb(137,12,254)
```
#9320fe
```
#9320fe rgb(147,32,254)
```
#9c33fe
```
#9c33fe rgb(156,51,254)
```
#a647fe
```
#a647fe rgb(166,71,254)
```
#af5afe
```
#af5afe rgb(175,90,254)
```
#b86dfe
```
#b86dfe rgb(184,109,254)
```
#c281fe
```
#c281fe rgb(194,129,254)
```
#cb94fe
```
#cb94fe rgb(203,148,254)
```
#d5a8fe
```
#d5a8fe rgb(213,168,254)
```
#debbff
```
#debbff rgb(222,187,255)
```
#e8cfff
```
#e8cfff rgb(232,207,255)
```
#f1e2ff
```
#f1e2ff rgb(241,226,255)
```
#fbf6ff
```
#fbf6ff rgb(251,246,255)
```

Tint Color Variation

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

#aca7b1
```
#aca7b1 rgb(172,167,177)
```
#aca0b8
```
#aca0b8 rgb(172,160,184)
```
#ad9abe
```
#ad9abe rgb(173,154,190)
```
#ad93c5
```
#ad93c5 rgb(173,147,197)
```
#ad8dcb
```
#ad8dcb rgb(173,141,203)
```
#ad87d1
```
#ad87d1 rgb(173,135,209)
```
#ae80d8
```
#ae80d8 rgb(174,128,216)
```
#ae7ade
```
#ae7ade rgb(174,122,222)
```
#ae74e4
```
#ae74e4 rgb(174,116,228)
```
#ae6deb
```
#ae6deb rgb(174,109,235)
```
#af67f1
```
#af67f1 rgb(175,103,241)
```
#af60f8
```
#af60f8 rgb(175,96,248)
```
#af5afe
```
#af5afe rgb(175,90,254)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8e7d9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3887ff Protanopia 1% of men
#008eec Deuteranopia 1% of men
#9a868f Tritanopia 0.001% of the population

Trichromacy

#6377fe Protanomaly 1% of men, 0.01% of women
#3f7bf2 Deuteranomaly 6% of men, 0.4% of women
#a176b7 Tritanomaly 0.01% of the population

#af5afe hex color

#af5afe Color Information

#af5afe Color Conversion

Color Schemes with #af5afe

Alternatives to #af5afe

#af5afe Preview

Shades and Tints of #af5afe

Tones of #af5afe

Color Blindness Simulator