#f54b5a Color Information
In a RGB color space, hex #f54b5a is composed of 96.1% red, 29.4% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.4% magenta, 63.3% yellow and 3.9% black. It has a hue angle of 354.7 degrees, a saturation of 89.5% and a lightness of 62.7%. #f54b5a color hex could be obtained by blending #ff96b4 with #eb0000. Closest websafe color is: #ff3366.
-
- R 96
- G 29
- B 35
-
- C 0
- M 69
- Y 63
- K 4
● #f54b5a color description : Soft red.
#f54b5a Color Conversion
The hexadecimal color #f54b5a has RGB values of R:245, G:75, B:90 and CMYK values of C:0, M:0.69, Y:0.63, K:0.04. Its decimal value is 16075610.
Hex triplet | f54b5a | #f54b5a |
---|---|---|
RGB Decimal | 245, 75, 90 | rgb(245,75,90) |
RGB Percent | 96.1, 29.4, 35.3 | rgb(96.1%,29.4%,35.3%) |
CMYK | 0, 69, 63, 4 | |
HSL | 354.7°, 89.5, 62.7 | hsl(354.7,89.5%,62.7%) |
HSV (or HSB) | 354.7°, 69.4, 96.1 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 57.258, 65.131, 29.568 |
---|---|
XYZ | 42.019, 25.187, 12.321 |
xyY | 0.528, 0.317, 25.187 |
CIE-LCH | 57.258, 71.529, 24.417 |
CIE-LUV | 57.258, 126.621, 20.782 |
Hunter-Lab | 50.187, 61.622, 20.575 |
Binary | 11110101, 01001011, 01011010 |
Color Schemes with #f54b5a
Alternatives to #f54b5a
Below, you can see some colors close to #f54b5a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54b5a Preview
This text has a font color of #f54b5a.
<span style="color:#f54b5a;">Text here</span>
This paragraph has a background color of #f54b5a.
<p style="background-color:#f54b5a;">Content here</p>
This element has a border color of #f54b5a.
<div style="border:1px solid #f54b5a;">Content here</div>
.text {color:#f54b5a;}
.background {background-color:#f54b5a;}
.border {border:1px solid #f54b5a;}
Shades and Tints of #f54b5a
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, #060001 is the darkest color, while #fef2f3 is the lightest one.
-
#060001
#060001
rgb(6,0,1)
-
#180103
#180103
rgb(24,1,3)
-
#2b0206
#2b0206
rgb(43,2,6)
-
#3e0309
#3e0309
rgb(62,3,9)
-
#50040b
#50040b
rgb(80,4,11)
-
#63050e
#63050e
rgb(99,5,14)
-
#750710
#750710
rgb(117,7,16)
-
#880813
#880813
rgb(136,8,19)
-
#9a0915
#9a0915
rgb(154,9,21)
-
#ad0a18
#ad0a18
rgb(173,10,24)
-
#c00b1b
#c00b1b
rgb(192,11,27)
-
#d20c1d
#d20c1d
rgb(210,12,29)
-
#e50d20
#e50d20
rgb(229,13,32)
-
#f21327
#f21327
rgb(242,19,39)
-
#f32638
#f32638
rgb(243,38,56)
-
#f43849
#f43849
rgb(244,56,73)
-
#f54b5a
#f54b5a
rgb(245,75,90)
-
#f65e6b
#f65e6b
rgb(246,94,107)
-
#f7707c
#f7707c
rgb(247,112,124)
-
#f8838d
#f8838d
rgb(248,131,141)
-
#f9959e
#f9959e
rgb(249,149,158)
-
#faa8af
#faa8af
rgb(250,168,175)
-
#fbbac0
#fbbac0
rgb(251,186,192)
-
#fccdd1
#fccdd1
rgb(252,205,209)
-
#fde0e2
#fde0e2
rgb(253,224,226)
-
#fef2f3
#fef2f3
rgb(254,242,243)
Tones of #f54b5a
A tone is produced by adding gray to any pure hue. In this case, #a59b9c is the less saturated color, while #fc4454 is the most saturated one.
-
#a59b9c
#a59b9c
rgb(165,155,156)
-
#ac9496
#ac9496
rgb(172,148,150)
-
#b38d90
#b38d90
rgb(179,141,144)
-
#bb858a
#bb858a
rgb(187,133,138)
-
#c27e84
#c27e84
rgb(194,126,132)
-
#c9777e
#c9777e
rgb(201,119,126)
-
#d07078
#d07078
rgb(208,112,120)
-
#d86872
#d86872
rgb(216,104,114)
-
#df616c
#df616c
rgb(223,97,108)
-
#e65a66
#e65a66
rgb(230,90,102)
-
#ee5260
#ee5260
rgb(238,82,96)
-
#f54b5a
#f54b5a
rgb(245,75,90)
-
#fc4454
#fc4454
rgb(252,68,84)
Color Blindness Simulator
Below, you can see how #f54b5a 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.