#f554f4 Color Information
In a RGB color space, hex #f554f4 is composed of 96.1% red, 32.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 0.4% yellow and 3.9% black. It has a hue angle of 300.4 degrees, a saturation of 89% and a lightness of 64.5%. #f554f4 color hex could be obtained by blending #ffa8ff with #eb00e9. Closest websafe color is: #ff66ff.
-
- R 96
- G 33
- B 96
-
- C 0
- M 66
- Y 0
- K 4
● #f554f4 color description : Soft magenta.
#f554f4 Color Conversion
The hexadecimal color #f554f4 has RGB values of R:245, G:84, B:244 and CMYK values of C:0, M:0.66, Y:0, K:0.04. Its decimal value is 16078068.
Hex triplet | f554f4 | #f554f4 |
---|---|---|
RGB Decimal | 245, 84, 244 | rgb(245,84,244) |
RGB Percent | 96.1, 32.9, 95.7 | rgb(96.1%,32.9%,95.7%) |
CMYK | 0, 66, 0, 4 | |
HSL | 300.4°, 89, 64.5 | hsl(300.4,89%,64.5%) |
HSV (or HSB) | 300.4°, 65.7, 96.1 | |
Web Safe | ff66ff | #ff66ff |
CIE-LAB | 63.58, 79.008, -49.655 |
---|---|
XYZ | 57.154, 32.288, 88.805 |
xyY | 0.321, 0.181, 32.288 |
CIE-LCH | 63.58, 93.316, 327.852 |
CIE-LUV | 63.58, 70.372, -89.798 |
Hunter-Lab | 56.823, 80.102, -52.885 |
Binary | 11110101, 01010100, 11110100 |
Color Schemes with #f554f4
Alternatives to #f554f4
Below, you can see some colors close to #f554f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f554f4 Preview
This text has a font color of #f554f4.
<span style="color:#f554f4;">Text here</span>
This paragraph has a background color of #f554f4.
<p style="background-color:#f554f4;">Content here</p>
This element has a border color of #f554f4.
<div style="border:1px solid #f554f4;">Content here</div>
.text {color:#f554f4;}
.background {background-color:#f554f4;}
.border {border:1px solid #f554f4;}
Shades and Tints of #f554f4
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, #0e010e is the darkest color, while #fffbff is the lightest one.
-
#0e010e
#0e010e
rgb(14,1,14)
-
#210221
#210221
rgb(33,2,33)
-
#330333
#330333
rgb(51,3,51)
-
#460446
#460446
rgb(70,4,70)
-
#580558
#580558
rgb(88,5,88)
-
#6b066a
#6b066a
rgb(107,6,106)
-
#7e077d
#7e077d
rgb(126,7,125)
-
#90088f
#90088f
rgb(144,8,143)
-
#a30aa2
#a30aa2
rgb(163,10,162)
-
#b50bb4
#b50bb4
rgb(181,11,180)
-
#c80cc6
#c80cc6
rgb(200,12,198)
-
#da0dd9
#da0dd9
rgb(218,13,217)
-
#ed0eeb
#ed0eeb
rgb(237,14,235)
-
#f21cf0
#f21cf0
rgb(242,28,240)
-
#f32ff2
#f32ff2
rgb(243,47,242)
-
#f441f3
#f441f3
rgb(244,65,243)
-
#f554f4
#f554f4
rgb(245,84,244)
-
#f667f5
#f667f5
rgb(246,103,245)
-
#f779f6
#f779f6
rgb(247,121,246)
-
#f88cf8
#f88cf8
rgb(248,140,248)
-
#f99ef9
#f99ef9
rgb(249,158,249)
-
#fab1fa
#fab1fa
rgb(250,177,250)
-
#fcc3fb
#fcc3fb
rgb(252,195,251)
-
#fdd6fc
#fdd6fc
rgb(253,214,252)
-
#fee8fe
#fee8fe
rgb(254,232,254)
-
#fffbff
#fffbff
rgb(255,251,255)
Tones of #f554f4
A tone is produced by adding gray to any pure hue. In this case, #a8a1a8 is the less saturated color, while #fc4dfb is the most saturated one.
-
#a8a1a8
#a8a1a8
rgb(168,161,168)
-
#af9aaf
#af9aaf
rgb(175,154,175)
-
#b693b6
#b693b6
rgb(182,147,182)
-
#bd8cbd
#bd8cbd
rgb(189,140,189)
-
#c485c4
#c485c4
rgb(196,133,196)
-
#cb7ecb
#cb7ecb
rgb(203,126,203)
-
#d277d2
#d277d2
rgb(210,119,210)
-
#d970d8
#d970d8
rgb(217,112,216)
-
#e069df
#e069df
rgb(224,105,223)
-
#e762e6
#e762e6
rgb(231,98,230)
-
#ee5bed
#ee5bed
rgb(238,91,237)
-
#f554f4
#f554f4
rgb(245,84,244)
-
#fc4dfb
#fc4dfb
rgb(252,77,251)
Color Blindness Simulator
Below, you can see how #f554f4 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.