#f45449 Color Information
In a RGB color space, hex #f45449 is composed of 95.7% red, 32.9% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.6% magenta, 70.1% yellow and 4.3% black. It has a hue angle of 3.9 degrees, a saturation of 88.6% and a lightness of 62.2%. #f45449 color hex could be obtained by blending #ffa892 with #e90000. Closest websafe color is: #ff6633.
-
- R 96
- G 33
- B 29
-
- C 0
- M 66
- Y 70
- K 4
● #f45449 color description : Bright red.
#f45449 Color Conversion
The hexadecimal color #f45449 has RGB values of R:244, G:84, B:73 and CMYK values of C:0, M:0.66, Y:0.7, K:0.04. Its decimal value is 16012361.
Hex triplet | f45449 | #f45449 |
---|---|---|
RGB Decimal | 244, 84, 73 | rgb(244,84,73) |
RGB Percent | 95.7, 32.9, 28.6 | rgb(95.7%,32.9%,28.6%) |
CMYK | 0, 66, 70, 4 | |
HSL | 3.9°, 88.6, 62.2 | hsl(3.9,88.6%,62.2%) |
HSV (or HSB) | 3.9°, 70.1, 95.7 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.093, 60.509, 40.183 |
---|---|
XYZ | 41.683, 26.059, 9.138 |
xyY | 0.542, 0.339, 26.059 |
CIE-LCH | 58.093, 72.636, 33.587 |
CIE-LUV | 58.093, 124.331, 31.368 |
Hunter-Lab | 51.048, 56.417, 25.12 |
Binary | 11110100, 01010100, 01001001 |
Color Schemes with #f45449
Alternatives to #f45449
Below, you can see some colors close to #f45449. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45449 Preview
This text has a font color of #f45449.
<span style="color:#f45449;">Text here</span>
This paragraph has a background color of #f45449.
<p style="background-color:#f45449;">Content here</p>
This element has a border color of #f45449.
<div style="border:1px solid #f45449;">Content here</div>
.text {color:#f45449;}
.background {background-color:#f45449;}
.border {border:1px solid #f45449;}
Shades and Tints of #f45449
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, #030000 is the darkest color, while #fef0ef is the lightest one.
-
#030000
#030000
rgb(3,0,0)
-
#150301
#150301
rgb(21,3,1)
-
#280502
#280502
rgb(40,5,2)
-
#3a0704
#3a0704
rgb(58,7,4)
-
#4d0905
#4d0905
rgb(77,9,5)
-
#5f0c06
#5f0c06
rgb(95,12,6)
-
#720e07
#720e07
rgb(114,14,7)
-
#841008
#841008
rgb(132,16,8)
-
#971209
#971209
rgb(151,18,9)
-
#a9140a
#a9140a
rgb(169,20,10)
-
#bc170b
#bc170b
rgb(188,23,11)
-
#ce190c
#ce190c
rgb(206,25,12)
-
#e11b0e
#e11b0e
rgb(225,27,14)
-
#f12012
#f12012
rgb(241,32,18)
-
#f23124
#f23124
rgb(242,49,36)
-
#f34337
#f34337
rgb(243,67,55)
-
#f45449
#f45449
rgb(244,84,73)
-
#f5655b
#f5655b
rgb(245,101,91)
-
#f6776e
#f6776e
rgb(246,119,110)
-
#f78880
#f78880
rgb(247,136,128)
-
#f89a93
#f89a93
rgb(248,154,147)
-
#faaba5
#faaba5
rgb(250,171,165)
-
#fbbcb8
#fbbcb8
rgb(251,188,184)
-
#fcceca
#fcceca
rgb(252,206,202)
-
#fddfdd
#fddfdd
rgb(253,223,221)
-
#fef0ef
#fef0ef
rgb(254,240,239)
Tones of #f45449
A tone is produced by adding gray to any pure hue. In this case, #a29b9b is the less saturated color, while #fb4e42 is the most saturated one.
-
#a29b9b
#a29b9b
rgb(162,155,155)
-
#aa9593
#aa9593
rgb(170,149,147)
-
#b18e8c
#b18e8c
rgb(177,142,140)
-
#b98884
#b98884
rgb(185,136,132)
-
#c0817d
#c0817d
rgb(192,129,125)
-
#c77b76
#c77b76
rgb(199,123,118)
-
#cf746e
#cf746e
rgb(207,116,110)
-
#d66e67
#d66e67
rgb(214,110,103)
-
#de675f
#de675f
rgb(222,103,95)
-
#e56158
#e56158
rgb(229,97,88)
-
#ed5a50
#ed5a50
rgb(237,90,80)
-
#f45449
#f45449
rgb(244,84,73)
-
#fb4e42
#fb4e42
rgb(251,78,66)
Color Blindness Simulator
Below, you can see how #f45449 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.