#af57fd hex color

In a RGB color space, hex #af57fd is composed of 68.6% red, 34.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 65.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 271.8 degrees, a saturation of 97.6% and a lightness of 66.7%. #af57fd color hex could be obtained by blending #ffaeff with #5f00fb. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 34
- B 99
RGB color chart
- C 31
- M 66
- Y 0
- K 1
CMYK color chart

● #af57fd color description : Soft violet.

The hexadecimal color #af57fd has RGB values of R:175, G:87, B:253 and CMYK values of C:0.31, M:0.66, Y:0, K:0.01. Its decimal value is 11491325.

Hex triplet	af57fd	`#af57fd`
RGB Decimal	175, 87, 253	`rgb(175,87,253)`
RGB Percent	68.6, 34.1, 99.2	`rgb(68.6%,34.1%,99.2%)`
CMYK	31, 66, 0, 1
HSL	271.8°, 97.6, 66.7	`hsl(271.8,97.6%,66.7%)`
HSV (or HSB)	271.8°, 65.6, 99.2
Web Safe	9966ff	`#9966ff`

CIE-LAB	55.096, 64.508, -68.747
XYZ	38.814, 23.023, 95.322
xyY	0.247, 0.146, 23.023
CIE-LCH	55.096, 94.273, 313.178
CIE-LUV	55.096, 24.241, -113.977
Hunter-Lab	47.982, 60.426, -84.199
Binary	10101111, 01010111, 11111101

#af57fd
```
#af57fd rgb(175,87,253)
```
#a5fd57
```
#a5fd57 rgb(165,253,87)
```

Complementary Color

#5c57fd
```
#5c57fd rgb(92,87,253)
```
#af57fd
```
#af57fd rgb(175,87,253)
```
#fd57f8
```
#fd57f8 rgb(253,87,248)
```

Analogous Color

#57fd5c
```
#57fd5c rgb(87,253,92)
```
#af57fd
```
#af57fd rgb(175,87,253)
```
#f8fd57
```
#f8fd57 rgb(248,253,87)
```

Split Complementary Color

#57fdaf
```
#57fdaf rgb(87,253,175)
```
#af57fd
```
#af57fd rgb(175,87,253)
```
#fdaf57
```
#fdaf57 rgb(253,175,87)
```

Triadic Color

#57a5fd
```
#57a5fd rgb(87,165,253)
```
#af57fd
```
#af57fd rgb(175,87,253)
```
#fdaf57
```
#fdaf57 rgb(253,175,87)
```
#a5fd57
```
#a5fd57 rgb(165,253,87)
```

Tetradic Color

#8b0bfc
```
#8b0bfc rgb(139,11,252)
```
#9725fc
```
#9725fc rgb(151,37,252)
```
#a33efd
```
#a33efd rgb(163,62,253)
```
#af57fd
```
#af57fd rgb(175,87,253)
```
#bb70fd
```
#bb70fd rgb(187,112,253)
```
#c789fe
```
#c789fe rgb(199,137,254)
```
#d3a3fe
```
#d3a3fe rgb(211,163,254)
```

Monochromatic Color

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

#8657fd
```
#8657fd rgb(134,87,253)
```
#9357fd
```
#9357fd rgb(147,87,253)
```
#a157fd
```
#a157fd rgb(161,87,253)
```
#af57fd
```
#af57fd rgb(175,87,253)
```
#bd57fd
```
#bd57fd rgb(189,87,253)
```
#cb57fd
```
#cb57fd rgb(203,87,253)
```
#d957fd
```
#d957fd rgb(217,87,253)
```

Similar Colors

Text with hexadecimal color #af57fd

This text has a font color of #af57fd.

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

#af57fd background color

This paragraph has a background color of #af57fd.

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

#af57fd border color

This element has a border color of #af57fd.

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

CSS codes

.text {color:#af57fd;}

.background {background-color:#af57fd;}

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

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

#030006
```
#030006 rgb(3,0,6)
```
#0e001a
```
#0e001a rgb(14,0,26)
```
#18012d
```
#18012d rgb(24,1,45)
```
#230141
```
#230141 rgb(35,1,65)
```
#2d0154
```
#2d0154 rgb(45,1,84)
```
#370167
```
#370167 rgb(55,1,103)
```
#42017b
```
#42017b rgb(66,1,123)
```
#4c028e
```
#4c028e rgb(76,2,142)
```
#5702a2
```
#5702a2 rgb(87,2,162)
```
#6102b5
```
#6102b5 rgb(97,2,181)
```
#6b02c8
```
#6b02c8 rgb(107,2,200)
```
#7603dc
```
#7603dc rgb(118,3,220)
```
#8003ef
```
#8003ef rgb(128,3,239)
```

Shade Color Variation

#8a09fc
```
#8a09fc rgb(138,9,252)
```
#931dfc
```
#931dfc rgb(147,29,252)
```
#9d30fd
```
#9d30fd rgb(157,48,253)
```
#a644fd
```
#a644fd rgb(166,68,253)
```
#af57fd
```
#af57fd rgb(175,87,253)
```
#b86afd
```
#b86afd rgb(184,106,253)
```
#c17efd
```
#c17efd rgb(193,126,253)
```
#cb91fe
```
#cb91fe rgb(203,145,254)
```
#d4a5fe
```
#d4a5fe rgb(212,165,254)
```
#ddb8fe
```
#ddb8fe rgb(221,184,254)
```
#e6cbfe
```
#e6cbfe rgb(230,203,254)
```
#f0dfff
```
#f0dfff rgb(240,223,255)
```
#f9f2ff
```
#f9f2ff rgb(249,242,255)
```

Tint Color Variation

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

#aaa5af
```
#aaa5af rgb(170,165,175)
```
#ab9fb5
```
#ab9fb5 rgb(171,159,181)
```
#ab98bc
```
#ab98bc rgb(171,152,188)
```
#ab92c2
```
#ab92c2 rgb(171,146,194)
```
#ac8bc9
```
#ac8bc9 rgb(172,139,201)
```
#ac85cf
```
#ac85cf rgb(172,133,207)
```
#ad7ed6
```
#ad7ed6 rgb(173,126,214)
```
#ad78dc
```
#ad78dc rgb(173,120,220)
```
#ad71e3
```
#ad71e3 rgb(173,113,227)
```
#ae6be9
```
#ae6be9 rgb(174,107,233)
```
#ae64f0
```
#ae64f0 rgb(174,100,240)
```
#af5ef6
```
#af5ef6 rgb(175,94,246)
```
#af57fd
```
#af57fd rgb(175,87,253)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d7b9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3186ff Protanopia 1% of men
#008cea Deuteranopia 1% of men
#9a848d Tritanopia 0.001% of the population

Trichromacy

#5f75fe Protanomaly 1% of men, 0.01% of women
#3f79f0 Deuteranomaly 6% of men, 0.4% of women
#a174b6 Tritanomaly 0.01% of the population

#af57fd hex color

#af57fd Color Information

#af57fd Color Conversion

Color Schemes with #af57fd

Alternatives to #af57fd

#af57fd Preview

Shades and Tints of #af57fd

Tones of #af57fd

Color Blindness Simulator