#af5cfe hex color

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

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

● #af5cfe color description : Soft violet.

The hexadecimal color #af5cfe has RGB values of R:175, G:92, B:254 and CMYK values of C:0.31, M:0.64, Y:0, K:0. Its decimal value is 11492606.

Hex triplet	af5cfe	`#af5cfe`
RGB Decimal	175, 92, 254	`rgb(175,92,254)`
RGB Percent	68.6, 36.1, 99.6	`rgb(68.6%,36.1%,99.6%)`
CMYK	31, 64, 0, 0
HSL	270.7°, 98.8, 67.8	`hsl(270.7,98.8%,67.8%)`
HSV (or HSB)	270.7°, 63.8, 99.6
Web Safe	9966ff	`#9966ff`

CIE-LAB	56.012, 62.392, -67.821
XYZ	39.393, 23.925, 96.303
xyY	0.247, 0.15, 23.925
CIE-LCH	56.012, 92.155, 312.612
CIE-LUV	56.012, 22.912, -112.859
Hunter-Lab	48.913, 58.162, -82.496
Binary	10101111, 01011100, 11111110

#af5cfe
```
#af5cfe rgb(175,92,254)
```
#abfe5c
```
#abfe5c rgb(171,254,92)
```

Complementary Color

#5e5cfe
```
#5e5cfe rgb(94,92,254)
```
#af5cfe
```
#af5cfe rgb(175,92,254)
```
#fe5cfc
```
#fe5cfc rgb(254,92,252)
```

Analogous Color

#5cfe5e
```
#5cfe5e rgb(92,254,94)
```
#af5cfe
```
#af5cfe rgb(175,92,254)
```
#fcfe5c
```
#fcfe5c rgb(252,254,92)
```

Split Complementary Color

#5cfeaf
```
#5cfeaf rgb(92,254,175)
```
#af5cfe
```
#af5cfe rgb(175,92,254)
```
#feaf5c
```
#feaf5c rgb(254,175,92)
```

Triadic Color

#5cabfe
```
#5cabfe rgb(92,171,254)
```
#af5cfe
```
#af5cfe rgb(175,92,254)
```
#feaf5c
```
#feaf5c rgb(254,175,92)
```
#abfe5c
```
#abfe5c rgb(171,254,92)
```

Tetradic Color

#8a10fe
```
#8a10fe rgb(138,16,254)
```
#9629fe
```
#9629fe rgb(150,41,254)
```
#a343fe
```
#a343fe rgb(163,67,254)
```
#af5cfe
```
#af5cfe rgb(175,92,254)
```
#bb75fe
```
#bb75fe rgb(187,117,254)
```
#c88ffe
```
#c88ffe rgb(200,143,254)
```
#d4a8fe
```
#d4a8fe rgb(212,168,254)
```

Monochromatic Color

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

#875cfe
```
#875cfe rgb(135,92,254)
```
#945cfe
```
#945cfe rgb(148,92,254)
```
#a25cfe
```
#a25cfe rgb(162,92,254)
```
#af5cfe
```
#af5cfe rgb(175,92,254)
```
#bd5cfe
```
#bd5cfe rgb(189,92,254)
```
#ca5cfe
```
#ca5cfe rgb(202,92,254)
```
#d85cfe
```
#d85cfe rgb(216,92,254)
```

Similar Colors

Text with hexadecimal color #af5cfe

This text has a font color of #af5cfe.

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

#af5cfe background color

This paragraph has a background color of #af5cfe.

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

#af5cfe border color

This element has a border color of #af5cfe.

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

CSS codes

.text {color:#af5cfe;}

.background {background-color:#af5cfe;}

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

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, #06000c is the darkest color, while #fcf8ff is the lightest one.

#06000c
```
#06000c rgb(6,0,12)
```
#100020
```
#100020 rgb(16,0,32)
```
#1b0033
```
#1b0033 rgb(27,0,51)
```
#250047
```
#250047 rgb(37,0,71)
```
#2f015a
```
#2f015a rgb(47,1,90)
```
#39016e
```
#39016e rgb(57,1,110)
```
#430181
```
#430181 rgb(67,1,129)
```
#4d0195
```
#4d0195 rgb(77,1,149)
```
#5701a8
```
#5701a8 rgb(87,1,168)
```
#6101bc
```
#6101bc rgb(97,1,188)
```
#6b01cf
```
#6b01cf rgb(107,1,207)
```
#7501e3
```
#7501e3 rgb(117,1,227)
```
#7f02f6
```
#7f02f6 rgb(127,2,246)
```

Shade Color Variation

#890efe
```
#890efe rgb(137,14,254)
```
#9222fe
```
#9222fe rgb(146,34,254)
```
#9c35fe
```
#9c35fe rgb(156,53,254)
```
#a549fe
```
#a549fe rgb(165,73,254)
```
#af5cfe
```
#af5cfe rgb(175,92,254)
```
#b96ffe
```
#b96ffe rgb(185,111,254)
```
#c283fe
```
#c283fe rgb(194,131,254)
```
#cc96fe
```
#cc96fe rgb(204,150,254)
```
#d5aafe
```
#d5aafe rgb(213,170,254)
```
#dfbdff
```
#dfbdff rgb(223,189,255)
```
#e8d1ff
```
#e8d1ff rgb(232,209,255)
```
#f2e4ff
```
#f2e4ff rgb(242,228,255)
```
#fcf8ff
```
#fcf8ff rgb(252,248,255)
```

Tint Color Variation

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

#ada8b2
```
#ada8b2 rgb(173,168,178)
```
#ada1b9
```
#ada1b9 rgb(173,161,185)
```
#ad9bbf
```
#ad9bbf rgb(173,155,191)
```
#ae95c5
```
#ae95c5 rgb(174,149,197)
```
#ae8ecc
```
#ae8ecc rgb(174,142,204)
```
#ae88d2
```
#ae88d2 rgb(174,136,210)
```
#ae82d8
```
#ae82d8 rgb(174,130,216)
```
#ae7cde
```
#ae7cde rgb(174,124,222)
```
#ae75e5
```
#ae75e5 rgb(174,117,229)
```
#af6feb
```
#af6feb rgb(175,111,235)
```
#af69f1
```
#af69f1 rgb(175,105,241)
```
#af62f8
```
#af62f8 rgb(175,98,248)
```
#af5cfe
```
#af5cfe rgb(175,92,254)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8f7e9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c88ff Protanopia 1% of men
#008eee Deuteranopia 1% of men
#9a8791 Tritanopia 0.001% of the population

Trichromacy

#6578fe Protanomaly 1% of men, 0.01% of women
#3f7cf3 Deuteranomaly 6% of men, 0.4% of women
#a177b8 Tritanomaly 0.01% of the population

#af5cfe hex color

#af5cfe Color Information

#af5cfe Color Conversion

Color Schemes with #af5cfe

Alternatives to #af5cfe

#af5cfe Preview

Shades and Tints of #af5cfe

Tones of #af5cfe

Color Blindness Simulator