#af5ff4 Color Information
In a RGB color space, hex #af5ff4 is composed of 68.6% red, 37.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 61.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 272.2 degrees, a saturation of 87.1% and a lightness of 66.5%. #af5ff4 color hex could be obtained by blending #ffbeff with #5f00e9. Closest websafe color is: #9966ff.
-
- R 69
- G 37
- B 96
-
- C 28
- M 61
- Y 0
- K 4
● #af5ff4 color description : Soft violet.
#af5ff4 Color Conversion
The hexadecimal color #af5ff4 has RGB values of R:175, G:95, B:244 and CMYK values of C:0.28, M:0.61, Y:0, K:0.04. Its decimal value is 11493364.
Hex triplet | af5ff4 | #af5ff4 |
---|---|---|
RGB Decimal | 175, 95, 244 | rgb(175,95,244) |
RGB Percent | 68.6, 37.3, 95.7 | rgb(68.6%,37.3%,95.7%) |
CMYK | 28, 61, 0, 4 | |
HSL | 272.2°, 87.1, 66.5 | hsl(272.2,87.1%,66.5%) |
HSV (or HSB) | 272.2°, 61.1, 95.7 | |
Web Safe | 9966ff | #9966ff |
CIE-LAB | 55.918, 58.668, -62.424 |
---|---|
XYZ | 38.098, 23.831, 88.176 |
xyY | 0.254, 0.159, 23.831 |
CIE-LCH | 55.918, 85.666, 313.224 |
CIE-LUV | 55.918, 24.009, -104.253 |
Hunter-Lab | 48.817, 53.878, -72.922 |
Binary | 10101111, 01011111, 11110100 |
Color Schemes with #af5ff4
Alternatives to #af5ff4
Below, you can see some colors close to #af5ff4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af5ff4 Preview
This text has a font color of #af5ff4.
<span style="color:#af5ff4;">Text here</span>
This paragraph has a background color of #af5ff4.
<p style="background-color:#af5ff4;">Content here</p>
This element has a border color of #af5ff4.
<div style="border:1px solid #af5ff4;">Content here</div>
.text {color:#af5ff4;}
.background {background-color:#af5ff4;}
.border {border:1px solid #af5ff4;}
Shades and Tints of #af5ff4
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, #030005 is the darkest color, while #f8f2fe is the lightest one.
-
#030005
#030005
rgb(3,0,5)
-
#0d0218
#0d0218
rgb(13,2,24)
-
#18032a
#18032a
rgb(24,3,42)
-
#22043c
#22043c
rgb(34,4,60)
-
#2d054f
#2d054f
rgb(45,5,79)
-
#370761
#370761
rgb(55,7,97)
-
#420873
#420873
rgb(66,8,115)
-
#4c0986
#4c0986
rgb(76,9,134)
-
#560a98
#560a98
rgb(86,10,152)
-
#610caa
#610caa
rgb(97,12,170)
-
#6b0dbd
#6b0dbd
rgb(107,13,189)
-
#760ecf
#760ecf
rgb(118,14,207)
-
#800fe1
#800fe1
rgb(128,15,225)
-
#8a16ef
#8a16ef
rgb(138,22,239)
-
#9328f0
#9328f0
rgb(147,40,240)
-
#9d3af1
#9d3af1
rgb(157,58,241)
-
#a64df3
#a64df3
rgb(166,77,243)
-
#af5ff4
#af5ff4
rgb(175,95,244)
-
#b871f5
#b871f5
rgb(184,113,245)
-
#c184f7
#c184f7
rgb(193,132,247)
-
#cb96f8
#cb96f8
rgb(203,150,248)
-
#d4a8f9
#d4a8f9
rgb(212,168,249)
-
#ddbbfa
#ddbbfa
rgb(221,187,250)
-
#e6cdfc
#e6cdfc
rgb(230,205,252)
-
#efdffd
#efdffd
rgb(239,223,253)
-
#f8f2fe
#f8f2fe
rgb(248,242,254)
Tones of #af5ff4
A tone is produced by adding gray to any pure hue. In this case, #aaa7ac is the less saturated color, while #af58fb is the most saturated one.
-
#aaa7ac
#aaa7ac
rgb(170,167,172)
-
#aaa1b2
#aaa1b2
rgb(170,161,178)
-
#ab9ab9
#ab9ab9
rgb(171,154,185)
-
#ab94bf
#ab94bf
rgb(171,148,191)
-
#ac8dc6
#ac8dc6
rgb(172,141,198)
-
#ac86cd
#ac86cd
rgb(172,134,205)
-
#ad80d3
#ad80d3
rgb(173,128,211)
-
#ad79da
#ad79da
rgb(173,121,218)
-
#ae73e0
#ae73e0
rgb(174,115,224)
-
#ae6ce7
#ae6ce7
rgb(174,108,231)
-
#af66ed
#af66ed
rgb(175,102,237)
-
#af5ff4
#af5ff4
rgb(175,95,244)
-
#af58fb
#af58fb
rgb(175,88,251)
Color Blindness Simulator
Below, you can see how #af5ff4 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.