#f558f9 Color Information
In a RGB color space, hex #f558f9 is composed of 96.1% red, 34.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 64.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 298.5 degrees, a saturation of 93.1% and a lightness of 66.1%. #f558f9 color hex could be obtained by blending #ffb0ff with #eb00f3. Closest websafe color is: #ff66ff.
-
- R 96
- G 35
- B 98
-
- C 2
- M 65
- Y 0
- K 2
● #f558f9 color description : Soft magenta.
#f558f9 Color Conversion
The hexadecimal color #f558f9 has RGB values of R:245, G:88, B:249 and CMYK values of C:0.02, M:0.65, Y:0, K:0.02. Its decimal value is 16079097.
Hex triplet | f558f9 | #f558f9 |
---|---|---|
RGB Decimal | 245, 88, 249 | rgb(245,88,249) |
RGB Percent | 96.1, 34.5, 97.6 | rgb(96.1%,34.5%,97.6%) |
CMYK | 2, 65, 0, 2 | |
HSL | 298.5°, 93.1, 66.1 | hsl(298.5,93.1%,66.1%) |
HSV (or HSB) | 298.5°, 64.7, 97.6 | |
Web Safe | ff66ff | #ff66ff |
CIE-LAB | 64.351, 78.352, -51.2 |
---|---|
XYZ | 58.243, 33.235, 92.965 |
xyY | 0.316, 0.18, 33.235 |
CIE-LCH | 64.351, 93.597, 326.837 |
CIE-LUV | 64.351, 67.719, -92.355 |
Hunter-Lab | 57.65, 79.451, -55.255 |
Binary | 11110101, 01011000, 11111001 |
Color Schemes with #f558f9
Alternatives to #f558f9
Below, you can see some colors close to #f558f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f558f9 Preview
This text has a font color of #f558f9.
<span style="color:#f558f9;">Text here</span>
This paragraph has a background color of #f558f9.
<p style="background-color:#f558f9;">Content here</p>
This element has a border color of #f558f9.
<div style="border:1px solid #f558f9;">Content here</div>
.text {color:#f558f9;}
.background {background-color:#f558f9;}
.border {border:1px solid #f558f9;}
Shades and Tints of #f558f9
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, #030003 is the darkest color, while #feeffe is the lightest one.
-
#030003
#030003
rgb(3,0,3)
-
#160116
#160116
rgb(22,1,22)
-
#280129
#280129
rgb(40,1,41)
-
#3b023c
#3b023c
rgb(59,2,60)
-
#4d034f
#4d034f
rgb(77,3,79)
-
#600462
#600462
rgb(96,4,98)
-
#720475
#720475
rgb(114,4,117)
-
#850588
#850588
rgb(133,5,136)
-
#97069b
#97069b
rgb(151,6,155)
-
#aa06ae
#aa06ae
rgb(170,6,174)
-
#bc07c1
#bc07c1
rgb(188,7,193)
-
#cf08d4
#cf08d4
rgb(207,8,212)
-
#e108e7
#e108e7
rgb(225,8,231)
-
#f00cf6
#f00cf6
rgb(240,12,246)
-
#f21ff7
#f21ff7
rgb(242,31,247)
-
#f332f8
#f332f8
rgb(243,50,248)
-
#f445f8
#f445f8
rgb(244,69,248)
-
#f558f9
#f558f9
rgb(245,88,249)
-
#f66bfa
#f66bfa
rgb(246,107,250)
-
#f77efa
#f77efa
rgb(247,126,250)
-
#f891fb
#f891fb
rgb(248,145,251)
-
#faa4fc
#faa4fc
rgb(250,164,252)
-
#fbb7fc
#fbb7fc
rgb(251,183,252)
-
#fccafd
#fccafd
rgb(252,202,253)
-
#fdddfe
#fdddfe
rgb(253,221,254)
-
#feeffe
#feeffe
rgb(254,239,254)
Tones of #f558f9
A tone is produced by adding gray to any pure hue. In this case, #a9a8a9 is the less saturated color, while #f558f9 is the most saturated one.
-
#a9a8a9
#a9a8a9
rgb(169,168,169)
-
#afa1b0
#afa1b0
rgb(175,161,176)
-
#b69bb6
#b69bb6
rgb(182,155,182)
-
#bc94bd
#bc94bd
rgb(188,148,189)
-
#c28dc4
#c28dc4
rgb(194,141,196)
-
#c987ca
#c987ca
rgb(201,135,202)
-
#cf80d1
#cf80d1
rgb(207,128,209)
-
#d579d8
#d579d8
rgb(213,121,216)
-
#dc73de
#dc73de
rgb(220,115,222)
-
#e26ce5
#e26ce5
rgb(226,108,229)
-
#e865ec
#e865ec
rgb(232,101,236)
-
#ef5ff2
#ef5ff2
rgb(239,95,242)
-
#f558f9
#f558f9
rgb(245,88,249)
Color Blindness Simulator
Below, you can see how #f558f9 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.