#af57ff Color Information
In a RGB color space, hex #af57ff is composed of 68.6% red, 34.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 65.9% magenta, 0% yellow and 0% black. It has a hue angle of 271.4 degrees, a saturation of 100% and a lightness of 67.1%. #af57ff color hex could be obtained by blending #ffaeff with #5f00ff. Closest websafe color is: #9966ff.
-
- R 69
- G 34
- B 100
-
- C 31
- M 66
- Y 0
- K 0
● #af57ff color description : Light violet.
#af57ff Color Conversion
The hexadecimal color #af57ff has RGB values of R:175, G:87, B:255 and CMYK values of C:0.31, M:0.66, Y:0, K:0. Its decimal value is 11491327.
Hex triplet | af57ff | #af57ff |
---|---|---|
RGB Decimal | 175, 87, 255 | rgb(175,87,255) |
RGB Percent | 68.6, 34.1, 100 | rgb(68.6%,34.1%,100%) |
CMYK | 31, 66, 0, 0 | |
HSL | 271.4°, 100, 67.1 | hsl(271.4,100%,67.1%) |
HSV (or HSB) | 271.4°, 65.9, 100 | |
Web Safe | 9966ff | #9966ff |
CIE-LAB | 55.227, 64.958, -69.642 |
---|---|
XYZ | 39.135, 23.151, 97.009 |
xyY | 0.246, 0.145, 23.151 |
CIE-LCH | 55.227, 95.234, 313.007 |
CIE-LUV | 55.227, 23.864, -115.421 |
Hunter-Lab | 48.115, 60.981, -85.858 |
Binary | 10101111, 01010111, 11111111 |
Color Schemes with #af57ff
Alternatives to #af57ff
Below, you can see some colors close to #af57ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af57ff Preview
This text has a font color of #af57ff.
<span style="color:#af57ff;">Text here</span>
This paragraph has a background color of #af57ff.
<p style="background-color:#af57ff;">Content here</p>
This element has a border color of #af57ff.
<div style="border:1px solid #af57ff;">Content here</div>
.text {color:#af57ff;}
.background {background-color:#af57ff;}
.border {border:1px solid #af57ff;}
Shades and Tints of #af57ff
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, #040009 is the darkest color, while #faf4ff is the lightest one.
-
#040009
#040009
rgb(4,0,9)
-
#0f001c
#0f001c
rgb(15,0,28)
-
#190030
#190030
rgb(25,0,48)
-
#230043
#230043
rgb(35,0,67)
-
#2e0057
#2e0057
rgb(46,0,87)
-
#38006b
#38006b
rgb(56,0,107)
-
#42007e
#42007e
rgb(66,0,126)
-
#4c0092
#4c0092
rgb(76,0,146)
-
#5700a5
#5700a5
rgb(87,0,165)
-
#6100b9
#6100b9
rgb(97,0,185)
-
#6b00cd
#6b00cd
rgb(107,0,205)
-
#7500e0
#7500e0
rgb(117,0,224)
-
#8000f4
#8000f4
rgb(128,0,244)
-
#8a09ff
#8a09ff
rgb(138,9,255)
-
#931cff
#931cff
rgb(147,28,255)
-
#9c30ff
#9c30ff
rgb(156,48,255)
-
#a643ff
#a643ff
rgb(166,67,255)
-
#af57ff
#af57ff
rgb(175,87,255)
-
#b86bff
#b86bff
rgb(184,107,255)
-
#c27eff
#c27eff
rgb(194,126,255)
-
#cb92ff
#cb92ff
rgb(203,146,255)
-
#d4a5ff
#d4a5ff
rgb(212,165,255)
-
#deb9ff
#deb9ff
rgb(222,185,255)
-
#e7cdff
#e7cdff
rgb(231,205,255)
-
#f0e0ff
#f0e0ff
rgb(240,224,255)
-
#faf4ff
#faf4ff
rgb(250,244,255)
Tones of #af57ff
A tone is produced by adding gray to any pure hue. In this case, #aba5b1 is the less saturated color, while #af57ff is the most saturated one.
-
#aba5b1
#aba5b1
rgb(171,165,177)
-
#ac9eb8
#ac9eb8
rgb(172,158,184)
-
#ac98be
#ac98be
rgb(172,152,190)
-
#ac91c5
#ac91c5
rgb(172,145,197)
-
#ad8bcb
#ad8bcb
rgb(173,139,203)
-
#ad84d2
#ad84d2
rgb(173,132,210)
-
#ad7ed8
#ad7ed8
rgb(173,126,216)
-
#ad77df
#ad77df
rgb(173,119,223)
-
#ae71e5
#ae71e5
rgb(174,113,229)
-
#ae6aec
#ae6aec
rgb(174,106,236)
-
#ae64f2
#ae64f2
rgb(174,100,242)
-
#af5df9
#af5df9
rgb(175,93,249)
-
#af57ff
#af57ff
rgb(175,87,255)
Color Blindness Simulator
Below, you can see how #af57ff 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.