#af5ff5 hex color

In a RGB color space, hex #af5ff5 is composed of 68.6% red, 37.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 61.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 272 degrees, a saturation of 88.2% and a lightness of 66.7%. #af5ff5 color hex could be obtained by blending #ffbeff with #5f00eb. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 37
- B 96
RGB color chart
- C 29
- M 61
- Y 0
- K 4
CMYK color chart

● #af5ff5 color description : Soft violet.

The hexadecimal color #af5ff5 has RGB values of R:175, G:95, B:245 and CMYK values of C:0.29, M:0.61, Y:0, K:0.04. Its decimal value is 11493365.

Hex triplet	af5ff5	`#af5ff5`
RGB Decimal	175, 95, 245	`rgb(175,95,245)`
RGB Percent	68.6, 37.3, 96.1	`rgb(68.6%,37.3%,96.1%)`
CMYK	29, 61, 0, 4
HSL	272°, 88.2, 66.7	`hsl(272,88.2%,66.7%)`
HSV (or HSB)	272°, 61.2, 96.1
Web Safe	9966ff	`#9966ff`

CIE-LAB	55.979, 58.895, -62.882
XYZ	38.25, 23.892, 88.978
xyY	0.253, 0.158, 23.892
CIE-LCH	55.979, 86.155, 313.125
CIE-LUV	55.979, 23.824, -105.003
Hunter-Lab	48.879, 54.147, -73.714
Binary	10101111, 01011111, 11110101

#af5ff5
```
#af5ff5 rgb(175,95,245)
```
#a5f55f
```
#a5f55f rgb(165,245,95)
```

Complementary Color

#645ff5
```
#645ff5 rgb(100,95,245)
```
#af5ff5
```
#af5ff5 rgb(175,95,245)
```
#f55ff0
```
#f55ff0 rgb(245,95,240)
```

Analogous Color

#5ff564
```
#5ff564 rgb(95,245,100)
```
#af5ff5
```
#af5ff5 rgb(175,95,245)
```
#f0f55f
```
#f0f55f rgb(240,245,95)
```

Split Complementary Color

#5ff5af
```
#5ff5af rgb(95,245,175)
```
#af5ff5
```
#af5ff5 rgb(175,95,245)
```
#f5af5f
```
#f5af5f rgb(245,175,95)
```

Triadic Color

#5fa5f5
```
#5fa5f5 rgb(95,165,245)
```
#af5ff5
```
#af5ff5 rgb(175,95,245)
```
#f5af5f
```
#f5af5f rgb(245,175,95)
```
#a5f55f
```
#a5f55f rgb(165,245,95)
```

Tetradic Color

#8b17f1
```
#8b17f1 rgb(139,23,241)
```
#972ff2
```
#972ff2 rgb(151,47,242)
```
#a347f4
```
#a347f4 rgb(163,71,244)
```
#af5ff5
```
#af5ff5 rgb(175,95,245)
```
#bb77f7
```
#bb77f7 rgb(187,119,247)
```
#c78ff8
```
#c78ff8 rgb(199,143,248)
```
#d3a7fa
```
#d3a7fa rgb(211,167,250)
```

Monochromatic Color

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

#8a5ff5
```
#8a5ff5 rgb(138,95,245)
```
#965ff5
```
#965ff5 rgb(150,95,245)
```
#a35ff5
```
#a35ff5 rgb(163,95,245)
```
#af5ff5
```
#af5ff5 rgb(175,95,245)
```
#bc5ff5
```
#bc5ff5 rgb(188,95,245)
```
#c85ff5
```
#c85ff5 rgb(200,95,245)
```
#d55ff5
```
#d55ff5 rgb(213,95,245)
```

Similar Colors

Text with hexadecimal color #af5ff5

This text has a font color of #af5ff5.

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

#af5ff5 background color

This paragraph has a background color of #af5ff5.

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

#af5ff5 border color

This element has a border color of #af5ff5.

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

CSS codes

.text {color:#af5ff5;}

.background {background-color:#af5ff5;}

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

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

#030006
```
#030006 rgb(3,0,6)
```
#0e0219
```
#0e0219 rgb(14,2,25)
```
#18032b
```
#18032b rgb(24,3,43)
```
#23043e
```
#23043e rgb(35,4,62)
```
#2d0550
```
#2d0550 rgb(45,5,80)
```
#370662
```
#370662 rgb(55,6,98)
```
#420775
```
#420775 rgb(66,7,117)
```
#4c0887
```
#4c0887 rgb(76,8,135)
```
#570a9a
```
#570a9a rgb(87,10,154)
```
#610bac
```
#610bac rgb(97,11,172)
```
#6b0cbf
```
#6b0cbf rgb(107,12,191)
```
#760dd1
```
#760dd1 rgb(118,13,209)
```
#800ee4
```
#800ee4 rgb(128,14,228)
```

Shade Color Variation

#8a15f0
```
#8a15f0 rgb(138,21,240)
```
#9328f2
```
#9328f2 rgb(147,40,242)
```
#9d3af3
```
#9d3af3 rgb(157,58,243)
```
#a64df4
```
#a64df4 rgb(166,77,244)
```
#af5ff5
```
#af5ff5 rgb(175,95,245)
```
#b871f6
```
#b871f6 rgb(184,113,246)
```
#c184f7
```
#c184f7 rgb(193,132,247)
```
#cb96f8
```
#cb96f8 rgb(203,150,248)
```
#d4a9fa
```
#d4a9fa rgb(212,169,250)
```
#ddbbfb
```
#ddbbfb rgb(221,187,251)
```
#e6cefc
```
#e6cefc rgb(230,206,252)
```
#f0e0fd
```
#f0e0fd rgb(240,224,253)
```
#f9f3fe
```
#f9f3fe rgb(249,243,254)
```

Tint Color Variation

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

#aaa7ad
```
#aaa7ad rgb(170,167,173)
```
#aba0b4
```
#aba0b4 rgb(171,160,180)
```
#ab9aba
```
#ab9aba rgb(171,154,186)
```
#ac93c1
```
#ac93c1 rgb(172,147,193)
```
#ac8dc7
```
#ac8dc7 rgb(172,141,199)
```
#ac86ce
```
#ac86ce rgb(172,134,206)
```
#ad80d4
```
#ad80d4 rgb(173,128,212)
```
#ad79db
```
#ad79db rgb(173,121,219)
```
#ae73e1
```
#ae73e1 rgb(174,115,225)
```
#ae6ce8
```
#ae6ce8 rgb(174,108,232)
```
#af66ee
```
#af66ee rgb(175,102,238)
```
#af5ff5
```
#af5ff5 rgb(175,95,245)
```
#af58fc
```
#af58fc rgb(175,88,252)
```

Tone Color Variation

Below, you can see how #af5ff5 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
#90809e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c88ff Protanopia 1% of men
#378ee8 Deuteranopia 1% of men
#9d868f Tritanopia 0.001% of the population

Trichromacy

#6679fb Protanomaly 1% of men, 0.01% of women
#627dec Deuteranomaly 6% of men, 0.4% of women
#a378b4 Tritanomaly 0.01% of the population

#af5ff5 hex color

#af5ff5 Color Information

#af5ff5 Color Conversion

Color Schemes with #af5ff5

Alternatives to #af5ff5

#af5ff5 Preview

Shades and Tints of #af5ff5

Tones of #af5ff5

Color Blindness Simulator