#af21ff Color Information
In a RGB color space, hex #af21ff is composed of 68.6% red, 12.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 87.1% magenta, 0% yellow and 0% black. It has a hue angle of 278.4 degrees, a saturation of 100% and a lightness of 56.5%. #af21ff color hex could be obtained by blending #ff42ff with #5f00ff. Closest websafe color is: #9933ff.
-
- R 69
- G 13
- B 100
-
- C 31
- M 87
- Y 0
- K 0
● #af21ff color description : Vivid violet.
#af21ff Color Conversion
The hexadecimal color #af21ff has RGB values of R:175, G:33, B:255 and CMYK values of C:0.31, M:0.87, Y:0, K:0. Its decimal value is 11477503.
Hex triplet | af21ff | #af21ff |
---|---|---|
RGB Decimal | 175, 33, 255 | rgb(175,33,255) |
RGB Percent | 68.6, 12.9, 100 | rgb(68.6%,12.9%,100%) |
CMYK | 31, 87, 0, 0 | |
HSL | 278.4°, 100, 56.5 | hsl(278.4,100%,56.5%) |
HSV (or HSB) | 278.4°, 87.1, 100 | |
Web Safe | 9933ff | #9933ff |
CIE-LAB | 48.788, 83.408, -80.111 |
---|---|
XYZ | 36.27, 17.423, 96.054 |
xyY | 0.242, 0.116, 17.423 |
CIE-LCH | 48.788, 115.649, 316.155 |
CIE-LUV | 48.788, 31.608, -127.261 |
Hunter-Lab | 41.74, 82.063, -107.222 |
Binary | 10101111, 00100001, 11111111 |
Color Schemes with #af21ff
Alternatives to #af21ff
Below, you can see some colors close to #af21ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af21ff Preview
This text has a font color of #af21ff.
<span style="color:#af21ff;">Text here</span>
This paragraph has a background color of #af21ff.
<p style="background-color:#af21ff;">Content here</p>
This element has a border color of #af21ff.
<div style="border:1px solid #af21ff;">Content here</div>
.text {color:#af21ff;}
.background {background-color:#af21ff;}
.border {border:1px solid #af21ff;}
Shades and Tints of #af21ff
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, #09000d is the darkest color, while #fdf9ff is the lightest one.
-
#09000d
#09000d
rgb(9,0,13)
-
#150021
#150021
rgb(21,0,33)
-
#220035
#220035
rgb(34,0,53)
-
#2e0048
#2e0048
rgb(46,0,72)
-
#3b005c
#3b005c
rgb(59,0,92)
-
#47006f
#47006f
rgb(71,0,111)
-
#540083
#540083
rgb(84,0,131)
-
#600097
#600097
rgb(96,0,151)
-
#6d00aa
#6d00aa
rgb(109,0,170)
-
#7900be
#7900be
rgb(121,0,190)
-
#8600d2
#8600d2
rgb(134,0,210)
-
#9300e5
#9300e5
rgb(147,0,229)
-
#9f00f9
#9f00f9
rgb(159,0,249)
-
#a80dff
#a80dff
rgb(168,13,255)
-
#af21ff
#af21ff
rgb(175,33,255)
-
#b635ff
#b635ff
rgb(182,53,255)
-
#bd48ff
#bd48ff
rgb(189,72,255)
-
#c45cff
#c45cff
rgb(196,92,255)
-
#cb6fff
#cb6fff
rgb(203,111,255)
-
#d283ff
#d283ff
rgb(210,131,255)
-
#d997ff
#d997ff
rgb(217,151,255)
-
#e0aaff
#e0aaff
rgb(224,170,255)
-
#e8beff
#e8beff
rgb(232,190,255)
-
#efd2ff
#efd2ff
rgb(239,210,255)
-
#f6e5ff
#f6e5ff
rgb(246,229,255)
-
#fdf9ff
#fdf9ff
rgb(253,249,255)
Tones of #af21ff
A tone is produced by adding gray to any pure hue. In this case, #928799 is the less saturated color, while #af21ff is the most saturated one.
-
#928799
#928799
rgb(146,135,153)
-
#957fa1
#957fa1
rgb(149,127,161)
-
#9776aa
#9776aa
rgb(151,118,170)
-
#9a6eb2
#9a6eb2
rgb(154,110,178)
-
#9c65bb
#9c65bb
rgb(156,101,187)
-
#9e5dc3
#9e5dc3
rgb(158,93,195)
-
#a154cc
#a154cc
rgb(161,84,204)
-
#a34cd4
#a34cd4
rgb(163,76,212)
-
#a543dd
#a543dd
rgb(165,67,221)
-
#a83be5
#a83be5
rgb(168,59,229)
-
#aa32ee
#aa32ee
rgb(170,50,238)
-
#ad2af6
#ad2af6
rgb(173,42,246)
-
#af21ff
#af21ff
rgb(175,33,255)
Color Blindness Simulator
Below, you can see how #af21ff 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.