#ff57ff Color Information
In a RGB color space, hex #ff57ff is composed of 100% red, 34.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.9% magenta, 0% yellow and 0% black. It has a hue angle of 300 degrees, a saturation of 100% and a lightness of 67.1%. #ff57ff color hex could be obtained by blending #ffaeff with #ff00ff. Closest websafe color is: #ff66ff.
-
- R 100
- G 34
- B 100
-
- C 0
- M 66
- Y 0
- K 0
● #ff57ff color description : Light magenta.
#ff57ff Color Conversion
The hexadecimal color #ff57ff has RGB values of R:255, G:87, B:255 and CMYK values of C:0, M:0.66, Y:0, K:0. Its decimal value is 16734207.
Hex triplet | ff57ff | #ff57ff |
---|---|---|
RGB Decimal | 255, 87, 255 | rgb(255,87,255) |
RGB Percent | 100, 34.1, 100 | rgb(100%,34.1%,100%) |
CMYK | 0, 66, 0, 0 | |
HSL | 300°, 100, 67.1 | hsl(300,100%,67.1%) |
HSV (or HSB) | 300°, 65.9, 100 | |
Web Safe | ff66ff | #ff66ff |
CIE-LAB | 65.982, 81.881, -51.828 |
---|---|
XYZ | 62.697, 35.3, 98.114 |
xyY | 0.32, 0.18, 35.3 |
CIE-LCH | 65.982, 96.905, 327.667 |
CIE-LUV | 65.982, 72.947, -94.333 |
Hunter-Lab | 59.414, 84.388, -56.319 |
Binary | 11111111, 01010111, 11111111 |
Color Schemes with #ff57ff
Alternatives to #ff57ff
Below, you can see some colors close to #ff57ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff57ff Preview
This text has a font color of #ff57ff.
<span style="color:#ff57ff;">Text here</span>
This paragraph has a background color of #ff57ff.
<p style="background-color:#ff57ff;">Content here</p>
This element has a border color of #ff57ff.
<div style="border:1px solid #ff57ff;">Content here</div>
.text {color:#ff57ff;}
.background {background-color:#ff57ff;}
.border {border:1px solid #ff57ff;}
Shades and Tints of #ff57ff
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, #090009 is the darkest color, while #fff4ff is the lightest one.
-
#090009
#090009
rgb(9,0,9)
-
#1c001c
#1c001c
rgb(28,0,28)
-
#300030
#300030
rgb(48,0,48)
-
#430043
#430043
rgb(67,0,67)
-
#570057
#570057
rgb(87,0,87)
-
#6b006b
#6b006b
rgb(107,0,107)
-
#7e007e
#7e007e
rgb(126,0,126)
-
#920092
#920092
rgb(146,0,146)
-
#a500a5
#a500a5
rgb(165,0,165)
-
#b900b9
#b900b9
rgb(185,0,185)
-
#cd00cd
#cd00cd
rgb(205,0,205)
-
#e000e0
#e000e0
rgb(224,0,224)
-
#f400f4
#f400f4
rgb(244,0,244)
-
#ff09ff
#ff09ff
rgb(255,9,255)
-
#ff1cff
#ff1cff
rgb(255,28,255)
-
#ff30ff
#ff30ff
rgb(255,48,255)
-
#ff43ff
#ff43ff
rgb(255,67,255)
-
#ff57ff
#ff57ff
rgb(255,87,255)
-
#ff6bff
#ff6bff
rgb(255,107,255)
-
#ff7eff
#ff7eff
rgb(255,126,255)
-
#ff92ff
#ff92ff
rgb(255,146,255)
-
#ffa5ff
#ffa5ff
rgb(255,165,255)
-
#ffb9ff
#ffb9ff
rgb(255,185,255)
-
#ffcdff
#ffcdff
rgb(255,205,255)
-
#ffe0ff
#ffe0ff
rgb(255,224,255)
-
#fff4ff
#fff4ff
rgb(255,244,255)
Tones of #ff57ff
A tone is produced by adding gray to any pure hue. In this case, #b1a5b1 is the less saturated color, while #ff57ff is the most saturated one.
-
#b1a5b1
#b1a5b1
rgb(177,165,177)
-
#b89eb8
#b89eb8
rgb(184,158,184)
-
#be98be
#be98be
rgb(190,152,190)
-
#c591c5
#c591c5
rgb(197,145,197)
-
#cb8bcb
#cb8bcb
rgb(203,139,203)
-
#d284d2
#d284d2
rgb(210,132,210)
-
#d87ed8
#d87ed8
rgb(216,126,216)
-
#df77df
#df77df
rgb(223,119,223)
-
#e571e5
#e571e5
rgb(229,113,229)
-
#ec6aec
#ec6aec
rgb(236,106,236)
-
#f264f2
#f264f2
rgb(242,100,242)
-
#f95df9
#f95df9
rgb(249,93,249)
-
#ff57ff
#ff57ff
rgb(255,87,255)
Color Blindness Simulator
Below, you can see how #ff57ff 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.