#f554f0 Color Information
In a RGB color space, hex #f554f0 is composed of 96.1% red, 32.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 2% yellow and 3.9% black. It has a hue angle of 301.9 degrees, a saturation of 89% and a lightness of 64.5%. #f554f0 color hex could be obtained by blending #ffa8ff with #eb00e1. Closest websafe color is: #ff66ff.
-
- R 96
- G 33
- B 94
-
- C 0
- M 66
- Y 2
- K 4
● #f554f0 color description : Soft magenta.
#f554f0 Color Conversion
The hexadecimal color #f554f0 has RGB values of R:245, G:84, B:240 and CMYK values of C:0, M:0.66, Y:0.02, K:0.04. Its decimal value is 16078064.
Hex triplet | f554f0 | #f554f0 |
---|---|---|
RGB Decimal | 245, 84, 240 | rgb(245,84,240) |
RGB Percent | 96.1, 32.9, 94.1 | rgb(96.1%,32.9%,94.1%) |
CMYK | 0, 66, 2, 4 | |
HSL | 301.9°, 89, 64.5 | hsl(301.9,89%,64.5%) |
HSV (or HSB) | 301.9°, 65.7, 96.1 | |
Web Safe | ff66ff | #ff66ff |
CIE-LAB | 63.382, 78.377, -47.75 |
---|---|
XYZ | 56.554, 32.048, 85.641 |
xyY | 0.325, 0.184, 32.048 |
CIE-LCH | 63.382, 91.777, 328.649 |
CIE-LUV | 63.382, 71.682, -86.65 |
Hunter-Lab | 56.611, 79.25, -50.066 |
Binary | 11110101, 01010100, 11110000 |
Color Schemes with #f554f0
Alternatives to #f554f0
Below, you can see some colors close to #f554f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f554f0 Preview
This text has a font color of #f554f0.
<span style="color:#f554f0;">Text here</span>
This paragraph has a background color of #f554f0.
<p style="background-color:#f554f0;">Content here</p>
This element has a border color of #f554f0.
<div style="border:1px solid #f554f0;">Content here</div>
.text {color:#f554f0;}
.background {background-color:#f554f0;}
.border {border:1px solid #f554f0;}
Shades and Tints of #f554f0
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)
-
#210220
#210220
rgb(33,2,32)
-
#330332
#330332
rgb(51,3,50)
-
#460444
#460444
rgb(70,4,68)
-
#580556
#580556
rgb(88,5,86)
-
#6b0668
#6b0668
rgb(107,6,104)
-
#7e077a
#7e077a
rgb(126,7,122)
-
#90088c
#90088c
rgb(144,8,140)
-
#a30a9e
#a30a9e
rgb(163,10,158)
-
#b50bb0
#b50bb0
rgb(181,11,176)
-
#c80cc2
#c80cc2
rgb(200,12,194)
-
#da0dd4
#da0dd4
rgb(218,13,212)
-
#ed0ee6
#ed0ee6
rgb(237,14,230)
-
#f21ceb
#f21ceb
rgb(242,28,235)
-
#f32fed
#f32fed
rgb(243,47,237)
-
#f441ee
#f441ee
rgb(244,65,238)
-
#f554f0
#f554f0
rgb(245,84,240)
-
#f667f2
#f667f2
rgb(246,103,242)
-
#f779f3
#f779f3
rgb(247,121,243)
-
#f88cf5
#f88cf5
rgb(248,140,245)
-
#f99ef7
#f99ef7
rgb(249,158,247)
-
#fab1f8
#fab1f8
rgb(250,177,248)
-
#fcc3fa
#fcc3fa
rgb(252,195,250)
-
#fdd6fb
#fdd6fb
rgb(253,214,251)
-
#fee8fd
#fee8fd
rgb(254,232,253)
-
#fffbff
#fffbff
rgb(255,251,255)
Tones of #f554f0
A tone is produced by adding gray to any pure hue. In this case, #a8a1a8 is the less saturated color, while #fc4df7 is the most saturated one.
-
#a8a1a8
#a8a1a8
rgb(168,161,168)
-
#af9aaf
#af9aaf
rgb(175,154,175)
-
#b693b5
#b693b5
rgb(182,147,181)
-
#bd8cbc
#bd8cbc
rgb(189,140,188)
-
#c485c2
#c485c2
rgb(196,133,194)
-
#cb7ec9
#cb7ec9
rgb(203,126,201)
-
#d277cf
#d277cf
rgb(210,119,207)
-
#d970d6
#d970d6
rgb(217,112,214)
-
#e069dc
#e069dc
rgb(224,105,220)
-
#e762e3
#e762e3
rgb(231,98,227)
-
#ee5be9
#ee5be9
rgb(238,91,233)
-
#f554f0
#f554f0
rgb(245,84,240)
-
#fc4df7
#fc4df7
rgb(252,77,247)
Color Blindness Simulator
Below, you can see how #f554f0 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.