#f45c35 Color Information
In a RGB color space, hex #f45c35 is composed of 95.7% red, 36.1% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.3% magenta, 78.3% yellow and 4.3% black. It has a hue angle of 12.3 degrees, a saturation of 89.7% and a lightness of 58.2%. #f45c35 color hex could be obtained by blending #ffb86a with #e90000. Closest websafe color is: #ff6633.
-
- R 96
- G 36
- B 21
-
- C 0
- M 62
- Y 78
- K 4
● #f45c35 color description : Bright red.
#f45c35 Color Conversion
The hexadecimal color #f45c35 has RGB values of R:244, G:92, B:53 and CMYK values of C:0, M:0.62, Y:0.78, K:0.04. Its decimal value is 16014389.
Hex triplet | f45c35 | #f45c35 |
---|---|---|
RGB Decimal | 244, 92, 53 | rgb(244,92,53) |
RGB Percent | 95.7, 36.1, 20.8 | rgb(95.7%,36.1%,20.8%) |
CMYK | 0, 62, 78, 4 | |
HSL | 12.3°, 89.7, 58.2 | hsl(12.3,89.7%,58.2%) |
HSV (or HSB) | 12.3°, 78.3, 95.7 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.112, 56.413, 51.707 |
---|---|
XYZ | 41.78, 27.149, 6.408 |
xyY | 0.555, 0.36, 27.149 |
CIE-LCH | 59.112, 76.525, 42.508 |
CIE-LUV | 59.112, 122.238, 41.107 |
Hunter-Lab | 52.105, 51.946, 29.181 |
Binary | 11110100, 01011100, 00110101 |
Color Schemes with #f45c35
Alternatives to #f45c35
Below, you can see some colors close to #f45c35. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45c35 Preview
This text has a font color of #f45c35.
<span style="color:#f45c35;">Text here</span>
This paragraph has a background color of #f45c35.
<p style="background-color:#f45c35;">Content here</p>
This element has a border color of #f45c35.
<div style="border:1px solid #f45c35;">Content here</div>
.text {color:#f45c35;}
.background {background-color:#f45c35;}
.border {border:1px solid #f45c35;}
Shades and Tints of #f45c35
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, #030100 is the darkest color, while #fef2ef is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#150501
#150501
rgb(21,5,1)
-
#280a02
#280a02
rgb(40,10,2)
-
#3a0e03
#3a0e03
rgb(58,14,3)
-
#4d1304
#4d1304
rgb(77,19,4)
-
#601805
#601805
rgb(96,24,5)
-
#721c06
#721c06
rgb(114,28,6)
-
#852107
#852107
rgb(133,33,7)
-
#972508
#972508
rgb(151,37,8)
-
#aa2a09
#aa2a09
rgb(170,42,9)
-
#bd2f0a
#bd2f0a
rgb(189,47,10)
-
#cf330b
#cf330b
rgb(207,51,11)
-
#e2380c
#e2380c
rgb(226,56,12)
-
#f23e10
#f23e10
rgb(242,62,16)
-
#f34d22
#f34d22
rgb(243,77,34)
-
#f45c35
#f45c35
rgb(244,92,53)
-
#f56b48
#f56b48
rgb(245,107,72)
-
#f67a5a
#f67a5a
rgb(246,122,90)
-
#f7896d
#f7896d
rgb(247,137,109)
-
#f8987f
#f8987f
rgb(248,152,127)
-
#f9a792
#f9a792
rgb(249,167,146)
-
#fab6a5
#fab6a5
rgb(250,182,165)
-
#fbc5b7
#fbc5b7
rgb(251,197,183)
-
#fcd4ca
#fcd4ca
rgb(252,212,202)
-
#fde3dc
#fde3dc
rgb(253,227,220)
-
#fef2ef
#fef2ef
rgb(254,242,239)
Tones of #f45c35
A tone is produced by adding gray to any pure hue. In this case, #9a918f is the less saturated color, while #fc572d is the most saturated one.
-
#9a918f
#9a918f
rgb(154,145,143)
-
#a28c87
#a28c87
rgb(162,140,135)
-
#aa887f
#aa887f
rgb(170,136,127)
-
#b28377
#b28377
rgb(178,131,119)
-
#bb7e6e
#bb7e6e
rgb(187,126,110)
-
#c37966
#c37966
rgb(195,121,102)
-
#cb745e
#cb745e
rgb(203,116,94)
-
#d36f56
#d36f56
rgb(211,111,86)
-
#db6b4e
#db6b4e
rgb(219,107,78)
-
#e46645
#e46645
rgb(228,102,69)
-
#ec613d
#ec613d
rgb(236,97,61)
-
#f45c35
#f45c35
rgb(244,92,53)
-
#fc572d
#fc572d
rgb(252,87,45)
Color Blindness Simulator
Below, you can see how #f45c35 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.