#f54358 Color Information
In a RGB color space, hex #f54358 is composed of 96.1% red, 26.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.7% magenta, 64.1% yellow and 3.9% black. It has a hue angle of 352.9 degrees, a saturation of 89.9% and a lightness of 61.2%. #f54358 color hex could be obtained by blending #ff86b0 with #eb0000. Closest websafe color is: #ff3366.
-
- R 96
- G 26
- B 35
-
- C 0
- M 73
- Y 64
- K 4
● #f54358 color description : Bright red.
#f54358 Color Conversion
The hexadecimal color #f54358 has RGB values of R:245, G:67, B:88 and CMYK values of C:0, M:0.73, Y:0.64, K:0.04. Its decimal value is 16073560.
Hex triplet | f54358 | #f54358 |
---|---|---|
RGB Decimal | 245, 67, 88 | rgb(245,67,88) |
RGB Percent | 96.1, 26.3, 34.5 | rgb(96.1%,26.3%,34.5%) |
CMYK | 0, 73, 64, 4 | |
HSL | 352.9°, 89.9, 61.2 | hsl(352.9,89.9%,61.2%) |
HSV (or HSB) | 352.9°, 72.7, 96.1 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.224, 67.787, 29.415 |
---|---|
XYZ | 41.427, 24.136, 11.709 |
xyY | 0.536, 0.312, 24.136 |
CIE-LCH | 56.224, 73.894, 23.457 |
CIE-LUV | 56.224, 131.542, 19.688 |
Hunter-Lab | 49.129, 64.541, 20.259 |
Binary | 11110101, 01000011, 01011000 |
Color Schemes with #f54358
Alternatives to #f54358
Below, you can see some colors close to #f54358. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54358 Preview
This text has a font color of #f54358.
<span style="color:#f54358;">Text here</span>
This paragraph has a background color of #f54358.
<p style="background-color:#f54358;">Content here</p>
This element has a border color of #f54358.
<div style="border:1px solid #f54358;">Content here</div>
.text {color:#f54358;}
.background {background-color:#f54358;}
.border {border:1px solid #f54358;}
Shades and Tints of #f54358
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, #110103 is the darkest color, while #fffdfd is the lightest one.
-
#110103
#110103
rgb(17,1,3)
-
#230206
#230206
rgb(35,2,6)
-
#360309
#360309
rgb(54,3,9)
-
#49040c
#49040c
rgb(73,4,12)
-
#5b050f
#5b050f
rgb(91,5,15)
-
#6e0612
#6e0612
rgb(110,6,18)
-
#810715
#810715
rgb(129,7,21)
-
#930818
#930818
rgb(147,8,24)
-
#a6091b
#a6091b
rgb(166,9,27)
-
#b80a1e
#b80a1e
rgb(184,10,30)
-
#cb0b21
#cb0b21
rgb(203,11,33)
-
#de0c25
#de0c25
rgb(222,12,37)
-
#f00d28
#f00d28
rgb(240,13,40)
-
#f31e37
#f31e37
rgb(243,30,55)
-
#f43047
#f43047
rgb(244,48,71)
-
#f54358
#f54358
rgb(245,67,88)
-
#f65669
#f65669
rgb(246,86,105)
-
#f76879
#f76879
rgb(247,104,121)
-
#f87b8a
#f87b8a
rgb(248,123,138)
-
#f98d9a
#f98d9a
rgb(249,141,154)
-
#faa0ab
#faa0ab
rgb(250,160,171)
-
#fbb3bb
#fbb3bb
rgb(251,179,187)
-
#fcc5cc
#fcc5cc
rgb(252,197,204)
-
#fdd8dc
#fdd8dc
rgb(253,216,220)
-
#feebed
#feebed
rgb(254,235,237)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f54358
A tone is produced by adding gray to any pure hue. In this case, #a19798 is the less saturated color, while #fd3b52 is the most saturated one.
-
#a19798
#a19798
rgb(161,151,152)
-
#a98f92
#a98f92
rgb(169,143,146)
-
#b0888c
#b0888c
rgb(176,136,140)
-
#b88087
#b88087
rgb(184,128,135)
-
#c07881
#c07881
rgb(192,120,129)
-
#c7717b
#c7717b
rgb(199,113,123)
-
#cf6975
#cf6975
rgb(207,105,117)
-
#d7616f
#d7616f
rgb(215,97,111)
-
#de5a69
#de5a69
rgb(222,90,105)
-
#e65264
#e65264
rgb(230,82,100)
-
#ed4b5e
#ed4b5e
rgb(237,75,94)
-
#f54358
#f54358
rgb(245,67,88)
-
#fd3b52
#fd3b52
rgb(253,59,82)
Color Blindness Simulator
Below, you can see how #f54358 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.