#ff20ff Color Information
In a RGB color space, hex #ff20ff is composed of 100% red, 12.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.5% magenta, 0% yellow and 0% black. It has a hue angle of 300 degrees, a saturation of 100% and a lightness of 56.3%. #ff20ff color hex could be obtained by blending #ff40ff with #ff00ff. Closest websafe color is: #ff33ff.
-
- R 100
- G 13
- B 100
-
- C 0
- M 87
- Y 0
- K 0
● #ff20ff color description : Vivid magenta.
#ff20ff Color Conversion
The hexadecimal color #ff20ff has RGB values of R:255, G:32, B:255 and CMYK values of C:0, M:0.87, Y:0, K:0. Its decimal value is 16720127.
Hex triplet | ff20ff | #ff20ff |
---|---|---|
RGB Decimal | 255, 32, 255 | rgb(255,32,255) |
RGB Percent | 100, 12.5, 100 | rgb(100%,12.5%,100%) |
CMYK | 0, 87, 0, 0 | |
HSL | 300°, 100, 56.3 | hsl(300,100%,56.3%) |
HSV (or HSB) | 300°, 87.5, 100 | |
Web Safe | ff33ff | #ff33ff |
CIE-LAB | 61.235, 95.543, -59.377 |
---|---|
XYZ | 59.805, 29.517, 97.15 |
xyY | 0.321, 0.158, 29.517 |
CIE-LCH | 61.235, 112.49, 328.14 |
CIE-LUV | 61.235, 82.346, -106.484 |
Hunter-Lab | 54.33, 101.413, -67.989 |
Binary | 11111111, 00100000, 11111111 |
Color Schemes with #ff20ff
Alternatives to #ff20ff
Below, you can see some colors close to #ff20ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff20ff Preview
This text has a font color of #ff20ff.
<span style="color:#ff20ff;">Text here</span>
This paragraph has a background color of #ff20ff.
<p style="background-color:#ff20ff;">Content here</p>
This element has a border color of #ff20ff.
<div style="border:1px solid #ff20ff;">Content here</div>
.text {color:#ff20ff;}
.background {background-color:#ff20ff;}
.border {border:1px solid #ff20ff;}
Shades and Tints of #ff20ff
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, #0c000c is the darkest color, while #fff8ff is the lightest one.
-
#0c000c
#0c000c
rgb(12,0,12)
-
#200020
#200020
rgb(32,0,32)
-
#340034
#340034
rgb(52,0,52)
-
#470047
#470047
rgb(71,0,71)
-
#5b005b
#5b005b
rgb(91,0,91)
-
#6e006e
#6e006e
rgb(110,0,110)
-
#820082
#820082
rgb(130,0,130)
-
#960096
#960096
rgb(150,0,150)
-
#a900a9
#a900a9
rgb(169,0,169)
-
#bd00bd
#bd00bd
rgb(189,0,189)
-
#d100d1
#d100d1
rgb(209,0,209)
-
#e400e4
#e400e4
rgb(228,0,228)
-
#f800f8
#f800f8
rgb(248,0,248)
-
#ff0cff
#ff0cff
rgb(255,12,255)
-
#ff20ff
#ff20ff
rgb(255,32,255)
-
#ff34ff
#ff34ff
rgb(255,52,255)
-
#ff47ff
#ff47ff
rgb(255,71,255)
-
#ff5bff
#ff5bff
rgb(255,91,255)
-
#ff6eff
#ff6eff
rgb(255,110,255)
-
#ff82ff
#ff82ff
rgb(255,130,255)
-
#ff96ff
#ff96ff
rgb(255,150,255)
-
#ffa9ff
#ffa9ff
rgb(255,169,255)
-
#ffbdff
#ffbdff
rgb(255,189,255)
-
#ffd1ff
#ffd1ff
rgb(255,209,255)
-
#ffe4ff
#ffe4ff
rgb(255,228,255)
-
#fff8ff
#fff8ff
rgb(255,248,255)
Tones of #ff20ff
A tone is produced by adding gray to any pure hue. In this case, #988798 is the less saturated color, while #ff20ff is the most saturated one.
-
#988798
#988798
rgb(152,135,152)
-
#a17ea1
#a17ea1
rgb(161,126,161)
-
#a976a9
#a976a9
rgb(169,118,169)
-
#b26db2
#b26db2
rgb(178,109,178)
-
#ba65ba
#ba65ba
rgb(186,101,186)
-
#c35cc3
#c35cc3
rgb(195,92,195)
-
#cc53cc
#cc53cc
rgb(204,83,204)
-
#d44bd4
#d44bd4
rgb(212,75,212)
-
#dd42dd
#dd42dd
rgb(221,66,221)
-
#e53ae5
#e53ae5
rgb(229,58,229)
-
#ee31ee
#ee31ee
rgb(238,49,238)
-
#f629f6
#f629f6
rgb(246,41,246)
-
#ff20ff
#ff20ff
rgb(255,32,255)
Color Blindness Simulator
Below, you can see how #ff20ff 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.