#af81f4 Color Information
In a RGB color space, hex #af81f4 is composed of 68.6% red, 50.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 47.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 264 degrees, a saturation of 83.9% and a lightness of 73.1%. #af81f4 color hex could be obtained by blending #ffffff with #5f03e9. Closest websafe color is: #9999ff.
-
- R 69
- G 51
- B 96
-
- C 28
- M 47
- Y 0
- K 4
● #af81f4 color description : Soft violet.
#af81f4 Color Conversion
The hexadecimal color #af81f4 has RGB values of R:175, G:129, B:244 and CMYK values of C:0.28, M:0.47, Y:0, K:0.04. Its decimal value is 11502068.
Hex triplet | af81f4 | #af81f4 |
---|---|---|
RGB Decimal | 175, 129, 244 | rgb(175,129,244) |
RGB Percent | 68.6, 50.6, 95.7 | rgb(68.6%,50.6%,95.7%) |
CMYK | 28, 47, 0, 4 | |
HSL | 264°, 83.9, 73.1 | hsl(264,83.9%,73.1%) |
HSV (or HSB) | 264°, 47.1, 95.7 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 62.799, 40.752, -51.439 |
---|---|
XYZ | 41.856, 31.346, 89.428 |
xyY | 0.257, 0.193, 31.346 |
CIE-LCH | 62.799, 65.625, 308.388 |
CIE-LUV | 62.799, 13.645, -87.193 |
Hunter-Lab | 55.988, 35.466, -55.511 |
Binary | 10101111, 10000001, 11110100 |
Color Schemes with #af81f4
Alternatives to #af81f4
Below, you can see some colors close to #af81f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af81f4 Preview
This text has a font color of #af81f4.
<span style="color:#af81f4;">Text here</span>
This paragraph has a background color of #af81f4.
<p style="background-color:#af81f4;">Content here</p>
This element has a border color of #af81f4.
<div style="border:1px solid #af81f4;">Content here</div>
.text {color:#af81f4;}
.background {background-color:#af81f4;}
.border {border:1px solid #af81f4;}
Shades and Tints of #af81f4
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, #000000 is the darkest color, while #f4edfd is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#080212
#080212
rgb(8,2,18)
-
#100324
#100324
rgb(16,3,36)
-
#190536
#190536
rgb(25,5,54)
-
#210648
#210648
rgb(33,6,72)
-
#29085a
#29085a
rgb(41,8,90)
-
#31096d
#31096d
rgb(49,9,109)
-
#390b7f
#390b7f
rgb(57,11,127)
-
#410d91
#410d91
rgb(65,13,145)
-
#4a0ea3
#4a0ea3
rgb(74,14,163)
-
#5210b5
#5210b5
rgb(82,16,181)
-
#5a11c7
#5a11c7
rgb(90,17,199)
-
#6213d9
#6213d9
rgb(98,19,217)
-
#6a15eb
#6a15eb
rgb(106,21,235)
-
#7627ec
#7627ec
rgb(118,39,236)
-
#8139ee
#8139ee
rgb(129,57,238)
-
#8d4bef
#8d4bef
rgb(141,75,239)
-
#985df1
#985df1
rgb(152,93,241)
-
#a46ff2
#a46ff2
rgb(164,111,242)
-
#af81f4
#af81f4
rgb(175,129,244)
-
#ba93f6
#ba93f6
rgb(186,147,246)
-
#c6a5f7
#c6a5f7
rgb(198,165,247)
-
#d1b7f9
#d1b7f9
rgb(209,183,249)
-
#ddc9fa
#ddc9fa
rgb(221,201,250)
-
#e8dbfc
#e8dbfc
rgb(232,219,252)
-
#f4edfd
#f4edfd
rgb(244,237,253)
Tones of #af81f4
A tone is produced by adding gray to any pure hue. In this case, #bab6bf is the less saturated color, while #ad76ff is the most saturated one.
-
#bab6bf
#bab6bf
rgb(186,182,191)
-
#b8b0c5
#b8b0c5
rgb(184,176,197)
-
#b7abca
#b7abca
rgb(183,171,202)
-
#b6a6cf
#b6a6cf
rgb(182,166,207)
-
#b5a1d4
#b5a1d4
rgb(181,161,212)
-
#b49bda
#b49bda
rgb(180,155,218)
-
#b396df
#b396df
rgb(179,150,223)
-
#b291e4
#b291e4
rgb(178,145,228)
-
#b18ce9
#b18ce9
rgb(177,140,233)
-
#b086ef
#b086ef
rgb(176,134,239)
-
#af81f4
#af81f4
rgb(175,129,244)
-
#ae7cf9
#ae7cf9
rgb(174,124,249)
-
#ad76ff
#ad76ff
rgb(173,118,255)
Color Blindness Simulator
Below, you can see how #af81f4 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.