#f554ff Color Information
In a RGB color space, hex #f554ff is composed of 96.1% red, 32.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 67.1% magenta, 0% yellow and 0% black. It has a hue angle of 296.5 degrees, a saturation of 100% and a lightness of 66.5%. #f554ff color hex could be obtained by blending #ffa8ff with #eb00ff. Closest websafe color is: #ff66ff.
-
- R 96
- G 33
- B 100
-
- C 4
- M 67
- Y 0
- K 0
● #f554ff color description : Light magenta.
#f554ff Color Conversion
The hexadecimal color #f554ff has RGB values of R:245, G:84, B:255 and CMYK values of C:0.04, M:0.67, Y:0, K:0. Its decimal value is 16078079.
Hex triplet | f554ff | #f554ff |
---|---|---|
RGB Decimal | 245, 84, 255 | rgb(245,84,255) |
RGB Percent | 96.1, 32.9, 100 | rgb(96.1%,32.9%,100%) |
CMYK | 4, 67, 0, 0 | |
HSL | 296.5°, 100, 66.5 | hsl(296.5,100%,66.5%) |
HSV (or HSB) | 296.5°, 67.1, 100 | |
Web Safe | ff66ff | #ff66ff |
CIE-LAB | 64.142, 80.781, -54.838 |
---|---|
XYZ | 58.875, 32.976, 97.866 |
xyY | 0.31, 0.174, 32.976 |
CIE-LCH | 64.142, 97.636, 325.83 |
CIE-LUV | 64.142, 66.841, -98.383 |
Hunter-Lab | 57.425, 82.513, -60.847 |
Binary | 11110101, 01010100, 11111111 |
Color Schemes with #f554ff
Alternatives to #f554ff
Below, you can see some colors close to #f554ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f554ff Preview
This text has a font color of #f554ff.
<span style="color:#f554ff;">Text here</span>
This paragraph has a background color of #f554ff.
<p style="background-color:#f554ff;">Content here</p>
This element has a border color of #f554ff.
<div style="border:1px solid #f554ff;">Content here</div>
.text {color:#f554ff;}
.background {background-color:#f554ff;}
.border {border:1px solid #f554ff;}
Shades and Tints of #f554ff
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, #050006 is the darkest color, while #fef1ff is the lightest one.
-
#050006
#050006
rgb(5,0,6)
-
#180019
#180019
rgb(24,0,25)
-
#2a002d
#2a002d
rgb(42,0,45)
-
#3d0040
#3d0040
rgb(61,0,64)
-
#4f0054
#4f0054
rgb(79,0,84)
-
#620068
#620068
rgb(98,0,104)
-
#74007b
#74007b
rgb(116,0,123)
-
#86008f
#86008f
rgb(134,0,143)
-
#9900a2
#9900a2
rgb(153,0,162)
-
#ab00b6
#ab00b6
rgb(171,0,182)
-
#be00ca
#be00ca
rgb(190,0,202)
-
#d000dd
#d000dd
rgb(208,0,221)
-
#e300f1
#e300f1
rgb(227,0,241)
-
#f006ff
#f006ff
rgb(240,6,255)
-
#f219ff
#f219ff
rgb(242,25,255)
-
#f32dff
#f32dff
rgb(243,45,255)
-
#f440ff
#f440ff
rgb(244,64,255)
-
#f554ff
#f554ff
rgb(245,84,255)
-
#f668ff
#f668ff
rgb(246,104,255)
-
#f77bff
#f77bff
rgb(247,123,255)
-
#f88fff
#f88fff
rgb(248,143,255)
-
#faa2ff
#faa2ff
rgb(250,162,255)
-
#fbb6ff
#fbb6ff
rgb(251,182,255)
-
#fccaff
#fccaff
rgb(252,202,255)
-
#fdddff
#fdddff
rgb(253,221,255)
-
#fef1ff
#fef1ff
rgb(254,241,255)
Tones of #f554ff
A tone is produced by adding gray to any pure hue. In this case, #afa3b0 is the less saturated color, while #f554ff is the most saturated one.
-
#afa3b0
#afa3b0
rgb(175,163,176)
-
#b59cb7
#b59cb7
rgb(181,156,183)
-
#bb96bd
#bb96bd
rgb(187,150,189)
-
#c18fc4
#c18fc4
rgb(193,143,196)
-
#c789ca
#c789ca
rgb(199,137,202)
-
#cc82d1
#cc82d1
rgb(204,130,209)
-
#d27bd8
#d27bd8
rgb(210,123,216)
-
#d875de
#d875de
rgb(216,117,222)
-
#de6ee5
#de6ee5
rgb(222,110,229)
-
#e468eb
#e468eb
rgb(228,104,235)
-
#e961f2
#e961f2
rgb(233,97,242)
-
#ef5bf8
#ef5bf8
rgb(239,91,248)
-
#f554ff
#f554ff
rgb(245,84,255)
Color Blindness Simulator
Below, you can see how #f554ff 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.