#f5474a Color Information
In a RGB color space, hex #f5474a is composed of 96.1% red, 27.8% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 69.8% yellow and 3.9% black. It has a hue angle of 359 degrees, a saturation of 89.7% and a lightness of 62%. #f5474a color hex could be obtained by blending #ff8e94 with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 28
- B 29
-
- C 0
- M 71
- Y 70
- K 4
● #f5474a color description : Bright red.
#f5474a Color Conversion
The hexadecimal color #f5474a has RGB values of R:245, G:71, B:74 and CMYK values of C:0, M:0.71, Y:0.7, K:0.04. Its decimal value is 16074570.
Hex triplet | f5474a | #f5474a |
---|---|---|
RGB Decimal | 245, 71, 74 | rgb(245,71,74) |
RGB Percent | 96.1, 27.8, 29 | rgb(96.1%,27.8%,29%) |
CMYK | 0, 71, 70, 4 | |
HSL | 359°, 89.7, 62 | hsl(359,89.7%,62%) |
HSV (or HSB) | 359°, 71, 96.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.504, 65.726, 37.806 |
---|---|
XYZ | 41.147, 24.418, 9.025 |
xyY | 0.552, 0.327, 24.418 |
CIE-LCH | 56.504, 75.823, 29.908 |
CIE-LUV | 56.504, 132.93, 27.513 |
Hunter-Lab | 49.415, 62.16, 23.762 |
Binary | 11110101, 01000111, 01001010 |
Color Schemes with #f5474a
Alternatives to #f5474a
Below, you can see some colors close to #f5474a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5474a Preview
This text has a font color of #f5474a.
<span style="color:#f5474a;">Text here</span>
This paragraph has a background color of #f5474a.
<p style="background-color:#f5474a;">Content here</p>
This element has a border color of #f5474a.
<div style="border:1px solid #f5474a;">Content here</div>
.text {color:#f5474a;}
.background {background-color:#f5474a;}
.border {border:1px solid #f5474a;}
Shades and Tints of #f5474a
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, #020000 is the darkest color, while #feeeef is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#150101
#150101
rgb(21,1,1)
-
#270203
#270203
rgb(39,2,3)
-
#3a0304
#3a0304
rgb(58,3,4)
-
#4c0405
#4c0405
rgb(76,4,5)
-
#5f0507
#5f0507
rgb(95,5,7)
-
#720608
#720608
rgb(114,6,8)
-
#840709
#840709
rgb(132,7,9)
-
#97080b
#97080b
rgb(151,8,11)
-
#a9090c
#a9090c
rgb(169,9,12)
-
#bc0a0d
#bc0a0d
rgb(188,10,13)
-
#cf0b0f
#cf0b0f
rgb(207,11,15)
-
#e10c10
#e10c10
rgb(225,12,16)
-
#f20f13
#f20f13
rgb(242,15,19)
-
#f32225
#f32225
rgb(243,34,37)
-
#f43438
#f43438
rgb(244,52,56)
-
#f5474a
#f5474a
rgb(245,71,74)
-
#f65a5c
#f65a5c
rgb(246,90,92)
-
#f76c6f
#f76c6f
rgb(247,108,111)
-
#f87f81
#f87f81
rgb(248,127,129)
-
#f99193
#f99193
rgb(249,145,147)
-
#faa4a6
#faa4a6
rgb(250,164,166)
-
#fbb7b8
#fbb7b8
rgb(251,183,184)
-
#fcc9ca
#fcc9ca
rgb(252,201,202)
-
#fddcdc
#fddcdc
rgb(253,220,220)
-
#feeeef
#feeeef
rgb(254,238,239)
Tones of #f5474a
A tone is produced by adding gray to any pure hue. In this case, #a39999 is the less saturated color, while #fc4043 is the most saturated one.
-
#a39999
#a39999
rgb(163,153,153)
-
#aa9292
#aa9292
rgb(170,146,146)
-
#b28a8b
#b28a8b
rgb(178,138,139)
-
#b98384
#b98384
rgb(185,131,132)
-
#c17b7c
#c17b7c
rgb(193,123,124)
-
#c87475
#c87475
rgb(200,116,117)
-
#d06c6e
#d06c6e
rgb(208,108,110)
-
#d76567
#d76567
rgb(215,101,103)
-
#df5d60
#df5d60
rgb(223,93,96)
-
#e65658
#e65658
rgb(230,86,88)
-
#ee4e51
#ee4e51
rgb(238,78,81)
-
#f5474a
#f5474a
rgb(245,71,74)
-
#fc4043
#fc4043
rgb(252,64,67)
Color Blindness Simulator
Below, you can see how #f5474a 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.