#f45949 Color Information
In a RGB color space, hex #f45949 is composed of 95.7% red, 34.9% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.5% magenta, 70.1% yellow and 4.3% black. It has a hue angle of 5.6 degrees, a saturation of 88.6% and a lightness of 62.2%. #f45949 color hex could be obtained by blending #ffb292 with #e90000. Closest websafe color is: #ff6633.
-
- R 96
- G 35
- B 29
-
- C 0
- M 64
- Y 70
- K 4
● #f45949 color description : Bright red.
#f45949 Color Conversion
The hexadecimal color #f45949 has RGB values of R:244, G:89, B:73 and CMYK values of C:0, M:0.64, Y:0.7, K:0.04. Its decimal value is 16013641.
Hex triplet | f45949 | #f45949 |
---|---|---|
RGB Decimal | 244, 89, 73 | rgb(244,89,73) |
RGB Percent | 95.7, 34.9, 28.6 | rgb(95.7%,34.9%,28.6%) |
CMYK | 0, 64, 70, 4 | |
HSL | 5.6°, 88.6, 62.2 | hsl(5.6,88.6%,62.2%) |
HSV (or HSB) | 5.6°, 70.1, 95.7 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.848, 58.475, 41.057 |
---|---|
XYZ | 42.085, 26.863, 9.272 |
xyY | 0.538, 0.343, 26.863 |
CIE-LCH | 58.848, 71.45, 35.074 |
CIE-LUV | 58.848, 121.002, 32.87 |
Hunter-Lab | 51.83, 54.236, 25.674 |
Binary | 11110100, 01011001, 01001001 |
Color Schemes with #f45949
Alternatives to #f45949
Below, you can see some colors close to #f45949. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45949 Preview
This text has a font color of #f45949.
<span style="color:#f45949;">Text here</span>
This paragraph has a background color of #f45949.
<p style="background-color:#f45949;">Content here</p>
This element has a border color of #f45949.
<div style="border:1px solid #f45949;">Content here</div>
.text {color:#f45949;}
.background {background-color:#f45949;}
.border {border:1px solid #f45949;}
Shades and Tints of #f45949
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 #fef1ef is the lightest one.
-
#030000
#030000
rgb(3,0,0)
-
#150301
#150301
rgb(21,3,1)
-
#280602
#280602
rgb(40,6,2)
-
#3a0904
#3a0904
rgb(58,9,4)
-
#4d0b05
#4d0b05
rgb(77,11,5)
-
#5f0e06
#5f0e06
rgb(95,14,6)
-
#721107
#721107
rgb(114,17,7)
-
#841408
#841408
rgb(132,20,8)
-
#971609
#971609
rgb(151,22,9)
-
#a9190a
#a9190a
rgb(169,25,10)
-
#bc1c0b
#bc1c0b
rgb(188,28,11)
-
#ce1f0c
#ce1f0c
rgb(206,31,12)
-
#e1210e
#e1210e
rgb(225,33,14)
-
#f12612
#f12612
rgb(241,38,18)
-
#f23724
#f23724
rgb(242,55,36)
-
#f34837
#f34837
rgb(243,72,55)
-
#f45949
#f45949
rgb(244,89,73)
-
#f56a5b
#f56a5b
rgb(245,106,91)
-
#f67b6e
#f67b6e
rgb(246,123,110)
-
#f78c80
#f78c80
rgb(247,140,128)
-
#f89c93
#f89c93
rgb(248,156,147)
-
#faada5
#faada5
rgb(250,173,165)
-
#fbbeb8
#fbbeb8
rgb(251,190,184)
-
#fccfca
#fccfca
rgb(252,207,202)
-
#fde0dd
#fde0dd
rgb(253,224,221)
-
#fef1ef
#fef1ef
rgb(254,241,239)
Tones of #f45949
A tone is produced by adding gray to any pure hue. In this case, #a29b9b is the less saturated color, while #fb5342 is the most saturated one.
-
#a29b9b
#a29b9b
rgb(162,155,155)
-
#aa9593
#aa9593
rgb(170,149,147)
-
#b18f8c
#b18f8c
rgb(177,143,140)
-
#b98984
#b98984
rgb(185,137,132)
-
#c0837d
#c0837d
rgb(192,131,125)
-
#c77d76
#c77d76
rgb(199,125,118)
-
#cf776e
#cf776e
rgb(207,119,110)
-
#d67167
#d67167
rgb(214,113,103)
-
#de6b5f
#de6b5f
rgb(222,107,95)
-
#e56558
#e56558
rgb(229,101,88)
-
#ed5f50
#ed5f50
rgb(237,95,80)
-
#f45949
#f45949
rgb(244,89,73)
-
#fb5342
#fb5342
rgb(251,83,66)
Color Blindness Simulator
Below, you can see how #f45949 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.