#f45849 Color Information
In a RGB color space, hex #f45849 is composed of 95.7% red, 34.5% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.9% magenta, 70.1% yellow and 4.3% black. It has a hue angle of 5.3 degrees, a saturation of 88.6% and a lightness of 62.2%. #f45849 color hex could be obtained by blending #ffb092 with #e90000. Closest websafe color is: #ff6633.
-
- R 96
- G 35
- B 29
-
- C 0
- M 64
- Y 70
- K 4
● #f45849 color description : Bright red.
#f45849 Color Conversion
The hexadecimal color #f45849 has RGB values of R:244, G:88, B:73 and CMYK values of C:0, M:0.64, Y:0.7, K:0.04. Its decimal value is 16013385.
Hex triplet | f45849 | #f45849 |
---|---|---|
RGB Decimal | 244, 88, 73 | rgb(244,88,73) |
RGB Percent | 95.7, 34.5, 28.6 | rgb(95.7%,34.5%,28.6%) |
CMYK | 0, 64, 70, 4 | |
HSL | 5.3°, 88.6, 62.2 | hsl(5.3,88.6%,62.2%) |
HSV (or HSB) | 5.3°, 70.1, 95.7 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.694, 58.889, 40.879 |
---|---|
XYZ | 42.002, 26.698, 9.245 |
xyY | 0.539, 0.343, 26.698 |
CIE-LCH | 58.694, 71.687, 34.768 |
CIE-LUV | 58.694, 121.678, 32.565 |
Hunter-Lab | 51.67, 54.678, 25.561 |
Binary | 11110100, 01011000, 01001001 |
Color Schemes with #f45849
Alternatives to #f45849
Below, you can see some colors close to #f45849. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45849 Preview
This text has a font color of #f45849.
<span style="color:#f45849;">Text here</span>
This paragraph has a background color of #f45849.
<p style="background-color:#f45849;">Content here</p>
This element has a border color of #f45849.
<div style="border:1px solid #f45849;">Content here</div>
.text {color:#f45849;}
.background {background-color:#f45849;}
.border {border:1px solid #f45849;}
Shades and Tints of #f45849
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)
-
#3a0804
#3a0804
rgb(58,8,4)
-
#4d0b05
#4d0b05
rgb(77,11,5)
-
#5f0e06
#5f0e06
rgb(95,14,6)
-
#721007
#721007
rgb(114,16,7)
-
#841308
#841308
rgb(132,19,8)
-
#971609
#971609
rgb(151,22,9)
-
#a9180a
#a9180a
rgb(169,24,10)
-
#bc1b0b
#bc1b0b
rgb(188,27,11)
-
#ce1d0c
#ce1d0c
rgb(206,29,12)
-
#e1200e
#e1200e
rgb(225,32,14)
-
#f12512
#f12512
rgb(241,37,18)
-
#f23624
#f23624
rgb(242,54,36)
-
#f34737
#f34737
rgb(243,71,55)
-
#f45849
#f45849
rgb(244,88,73)
-
#f5695b
#f5695b
rgb(245,105,91)
-
#f67a6e
#f67a6e
rgb(246,122,110)
-
#f78b80
#f78b80
rgb(247,139,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 #f45849
A tone is produced by adding gray to any pure hue. In this case, #a29b9b is the less saturated color, while #fb5242 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)
-
#d67067
#d67067
rgb(214,112,103)
-
#de6a5f
#de6a5f
rgb(222,106,95)
-
#e56458
#e56458
rgb(229,100,88)
-
#ed5e50
#ed5e50
rgb(237,94,80)
-
#f45849
#f45849
rgb(244,88,73)
-
#fb5242
#fb5242
rgb(251,82,66)
Color Blindness Simulator
Below, you can see how #f45849 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.