#f557ff Color Information
In a RGB color space, hex #f557ff is composed of 96.1% red, 34.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 65.9% magenta, 0% yellow and 0% black. It has a hue angle of 296.4 degrees, a saturation of 100% and a lightness of 67.1%. #f557ff color hex could be obtained by blending #ffaeff with #eb00ff. Closest websafe color is: #ff66ff.
-
- R 96
- G 34
- B 100
-
- C 4
- M 66
- Y 0
- K 0
● #f557ff color description : Light magenta.
#f557ff Color Conversion
The hexadecimal color #f557ff has RGB values of R:245, G:87, B:255 and CMYK values of C:0.04, M:0.66, Y:0, K:0. Its decimal value is 16078847.
Hex triplet | f557ff | #f557ff |
---|---|---|
RGB Decimal | 245, 87, 255 | rgb(245,87,255) |
RGB Percent | 96.1, 34.1, 100 | rgb(96.1%,34.1%,100%) |
CMYK | 4, 66, 0, 0 | |
HSL | 296.4°, 100, 67.1 | hsl(296.4,100%,67.1%) |
HSV (or HSB) | 296.4°, 65.9, 100 | |
Web Safe | ff66ff | #ff66ff |
CIE-LAB | 64.525, 79.701, -54.229 |
---|---|
XYZ | 59.113, 33.452, 97.946 |
xyY | 0.31, 0.176, 33.452 |
CIE-LCH | 64.525, 96.401, 325.769 |
CIE-LUV | 64.525, 66.098, -97.386 |
Hunter-Lab | 57.838, 81.219, -59.918 |
Binary | 11110101, 01010111, 11111111 |
Color Schemes with #f557ff
Alternatives to #f557ff
Below, you can see some colors close to #f557ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f557ff Preview
This text has a font color of #f557ff.
<span style="color:#f557ff;">Text here</span>
This paragraph has a background color of #f557ff.
<p style="background-color:#f557ff;">Content here</p>
This element has a border color of #f557ff.
<div style="border:1px solid #f557ff;">Content here</div>
.text {color:#f557ff;}
.background {background-color:#f557ff;}
.border {border:1px solid #f557ff;}
Shades and Tints of #f557ff
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, #080009 is the darkest color, while #fef4ff is the lightest one.
-
#080009
#080009
rgb(8,0,9)
-
#1a001c
#1a001c
rgb(26,0,28)
-
#2d0030
#2d0030
rgb(45,0,48)
-
#3f0043
#3f0043
rgb(63,0,67)
-
#520057
#520057
rgb(82,0,87)
-
#64006b
#64006b
rgb(100,0,107)
-
#77007e
#77007e
rgb(119,0,126)
-
#890092
#890092
rgb(137,0,146)
-
#9c00a5
#9c00a5
rgb(156,0,165)
-
#ae00b9
#ae00b9
rgb(174,0,185)
-
#c100cd
#c100cd
rgb(193,0,205)
-
#d300e0
#d300e0
rgb(211,0,224)
-
#e500f4
#e500f4
rgb(229,0,244)
-
#f009ff
#f009ff
rgb(240,9,255)
-
#f11cff
#f11cff
rgb(241,28,255)
-
#f330ff
#f330ff
rgb(243,48,255)
-
#f443ff
#f443ff
rgb(244,67,255)
-
#f557ff
#f557ff
rgb(245,87,255)
-
#f66bff
#f66bff
rgb(246,107,255)
-
#f77eff
#f77eff
rgb(247,126,255)
-
#f992ff
#f992ff
rgb(249,146,255)
-
#faa5ff
#faa5ff
rgb(250,165,255)
-
#fbb9ff
#fbb9ff
rgb(251,185,255)
-
#fccdff
#fccdff
rgb(252,205,255)
-
#fde0ff
#fde0ff
rgb(253,224,255)
-
#fef4ff
#fef4ff
rgb(254,244,255)
Tones of #f557ff
A tone is produced by adding gray to any pure hue. In this case, #b1a5b1 is the less saturated color, while #f557ff is the most saturated one.
-
#b1a5b1
#b1a5b1
rgb(177,165,177)
-
#b69eb8
#b69eb8
rgb(182,158,184)
-
#bc98be
#bc98be
rgb(188,152,190)
-
#c291c5
#c291c5
rgb(194,145,197)
-
#c78bcb
#c78bcb
rgb(199,139,203)
-
#cd84d2
#cd84d2
rgb(205,132,210)
-
#d37ed8
#d37ed8
rgb(211,126,216)
-
#d977df
#d977df
rgb(217,119,223)
-
#de71e5
#de71e5
rgb(222,113,229)
-
#e46aec
#e46aec
rgb(228,106,236)
-
#ea64f2
#ea64f2
rgb(234,100,242)
-
#ef5df9
#ef5df9
rgb(239,93,249)
-
#f557ff
#f557ff
rgb(245,87,255)
Color Blindness Simulator
Below, you can see how #f557ff 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.