#af3fff Color Information
In a RGB color space, hex #af3fff is composed of 68.6% red, 24.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 75.3% magenta, 0% yellow and 0% black. It has a hue angle of 275 degrees, a saturation of 100% and a lightness of 62.4%. #af3fff color hex could be obtained by blending #ff7eff with #5f00ff. Closest websafe color is: #9933ff.
-
- R 69
- G 25
- B 100
-
- C 31
- M 75
- Y 0
- K 0
● #af3fff color description : Light violet.
#af3fff Color Conversion
The hexadecimal color #af3fff has RGB values of R:175, G:63, B:255 and CMYK values of C:0.31, M:0.75, Y:0, K:0. Its decimal value is 11485183.
Hex triplet | af3fff | #af3fff |
---|---|---|
RGB Decimal | 175, 63, 255 | rgb(175,63,255) |
RGB Percent | 68.6, 24.7, 100 | rgb(68.6%,24.7%,100%) |
CMYK | 31, 75, 0, 0 | |
HSL | 275°, 100, 62.4 | hsl(275,100%,62.4%) |
HSV (or HSB) | 275°, 75.3, 100 | |
Web Safe | 9933ff | #9933ff |
CIE-LAB | 51.712, 74.869, -75.343 |
---|---|
XYZ | 37.504, 19.89, 96.466 |
xyY | 0.244, 0.129, 19.89 |
CIE-LCH | 51.712, 106.217, 314.819 |
CIE-LUV | 51.712, 28.296, -122.376 |
Hunter-Lab | 44.598, 72.061, -97.026 |
Binary | 10101111, 00111111, 11111111 |
Color Schemes with #af3fff
Alternatives to #af3fff
Below, you can see some colors close to #af3fff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af3fff Preview
This text has a font color of #af3fff.
<span style="color:#af3fff;">Text here</span>
This paragraph has a background color of #af3fff.
<p style="background-color:#af3fff;">Content here</p>
This element has a border color of #af3fff.
<div style="border:1px solid #af3fff;">Content here</div>
.text {color:#af3fff;}
.background {background-color:#af3fff;}
.border {border:1px solid #af3fff;}
Shades and Tints of #af3fff
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, #020004 is the darkest color, while #f9f0ff is the lightest one.
-
#020004
#020004
rgb(2,0,4)
-
#0e0018
#0e0018
rgb(14,0,24)
-
#19002b
#19002b
rgb(25,0,43)
-
#25003f
#25003f
rgb(37,0,63)
-
#300053
#300053
rgb(48,0,83)
-
#3c0066
#3c0066
rgb(60,0,102)
-
#47007a
#47007a
rgb(71,0,122)
-
#53008d
#53008d
rgb(83,0,141)
-
#5e00a1
#5e00a1
rgb(94,0,161)
-
#6900b5
#6900b5
rgb(105,0,181)
-
#7500c8
#7500c8
rgb(117,0,200)
-
#8000dc
#8000dc
rgb(128,0,220)
-
#8c00f0
#8c00f0
rgb(140,0,240)
-
#9604ff
#9604ff
rgb(150,4,255)
-
#9f18ff
#9f18ff
rgb(159,24,255)
-
#a72bff
#a72bff
rgb(167,43,255)
-
#af3fff
#af3fff
rgb(175,63,255)
-
#b753ff
#b753ff
rgb(183,83,255)
-
#bf66ff
#bf66ff
rgb(191,102,255)
-
#c87aff
#c87aff
rgb(200,122,255)
-
#d08dff
#d08dff
rgb(208,141,255)
-
#d8a1ff
#d8a1ff
rgb(216,161,255)
-
#e0b5ff
#e0b5ff
rgb(224,181,255)
-
#e8c8ff
#e8c8ff
rgb(232,200,255)
-
#f0dcff
#f0dcff
rgb(240,220,255)
-
#f9f0ff
#f9f0ff
rgb(249,240,255)
Tones of #af3fff
A tone is produced by adding gray to any pure hue. In this case, #a098a6 is the less saturated color, while #af3fff is the most saturated one.
-
#a098a6
#a098a6
rgb(160,152,166)
-
#a190ae
#a190ae
rgb(161,144,174)
-
#a389b5
#a389b5
rgb(163,137,181)
-
#a481bd
#a481bd
rgb(164,129,189)
-
#a57ac4
#a57ac4
rgb(165,122,196)
-
#a673cb
#a673cb
rgb(166,115,203)
-
#a86bd3
#a86bd3
rgb(168,107,211)
-
#a964da
#a964da
rgb(169,100,218)
-
#aa5de1
#aa5de1
rgb(170,93,225)
-
#ab55e9
#ab55e9
rgb(171,85,233)
-
#ad4ef0
#ad4ef0
rgb(173,78,240)
-
#ae46f8
#ae46f8
rgb(174,70,248)
-
#af3fff
#af3fff
rgb(175,63,255)
Color Blindness Simulator
Below, you can see how #af3fff 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.