#f25f45 Color Information
In a RGB color space, hex #f25f45 is composed of 94.9% red, 37.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.7% magenta, 71.5% yellow and 5.1% black. It has a hue angle of 9 degrees, a saturation of 86.9% and a lightness of 61%. #f25f45 color hex could be obtained by blending #ffbe8a with #e50000. Closest websafe color is: #ff6633.
-
- R 95
- G 37
- B 27
-
- C 0
- M 61
- Y 71
- K 5
● #f25f45 color description : Bright red.
#f25f45 Color Conversion
The hexadecimal color #f25f45 has RGB values of R:242, G:95, B:69 and CMYK values of C:0, M:0.61, Y:0.71, K:0.05. Its decimal value is 15884101.
Hex triplet | f25f45 | #f25f45 |
---|---|---|
RGB Decimal | 242, 95, 69 | rgb(242,95,69) |
RGB Percent | 94.9, 37.3, 27.1 | rgb(94.9%,37.3%,27.1%) |
CMYK | 0, 61, 71, 5 | |
HSL | 9°, 86.9, 61 | hsl(9,86.9%,61%) |
HSV (or HSB) | 9°, 71.5, 94.9 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.43, 55.059, 43.789 |
---|---|
XYZ | 41.786, 27.496, 8.737 |
xyY | 0.536, 0.352, 27.496 |
CIE-LCH | 59.43, 70.349, 38.496 |
CIE-LUV | 59.43, 115.938, 36.115 |
Hunter-Lab | 52.436, 50.481, 26.827 |
Binary | 11110010, 01011111, 01000101 |
Color Schemes with #f25f45
Alternatives to #f25f45
Below, you can see some colors close to #f25f45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f25f45 Preview
This text has a font color of #f25f45.
<span style="color:#f25f45;">Text here</span>
This paragraph has a background color of #f25f45.
<p style="background-color:#f25f45;">Content here</p>
This element has a border color of #f25f45.
<div style="border:1px solid #f25f45;">Content here</div>
.text {color:#f25f45;}
.background {background-color:#f25f45;}
.border {border:1px solid #f25f45;}
Shades and Tints of #f25f45
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, #100301 is the darkest color, while #fffdfc is the lightest one.
-
#100301
#100301
rgb(16,3,1)
-
#220702
#220702
rgb(34,7,2)
-
#340b04
#340b04
rgb(52,11,4)
-
#470f05
#470f05
rgb(71,15,5)
-
#591306
#591306
rgb(89,19,6)
-
#6b1708
#6b1708
rgb(107,23,8)
-
#7e1a09
#7e1a09
rgb(126,26,9)
-
#901e0a
#901e0a
rgb(144,30,10)
-
#a2220b
#a2220b
rgb(162,34,11)
-
#b5260d
#b5260d
rgb(181,38,13)
-
#c72a0e
#c72a0e
rgb(199,42,14)
-
#d92e0f
#d92e0f
rgb(217,46,15)
-
#ec3110
#ec3110
rgb(236,49,16)
-
#ef3f20
#ef3f20
rgb(239,63,32)
-
#f14f33
#f14f33
rgb(241,79,51)
-
#f25f45
#f25f45
rgb(242,95,69)
-
#f36f57
#f36f57
rgb(243,111,87)
-
#f57f6a
#f57f6a
rgb(245,127,106)
-
#f68e7c
#f68e7c
rgb(246,142,124)
-
#f79e8e
#f79e8e
rgb(247,158,142)
-
#f8aea1
#f8aea1
rgb(248,174,161)
-
#fabeb3
#fabeb3
rgb(250,190,179)
-
#fbcdc5
#fbcdc5
rgb(251,205,197)
-
#fcddd8
#fcddd8
rgb(252,221,216)
-
#feedea
#feedea
rgb(254,237,234)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #f25f45
A tone is produced by adding gray to any pure hue. In this case, #9e9a99 is the less saturated color, while #fa5a3d is the most saturated one.
-
#9e9a99
#9e9a99
rgb(158,154,153)
-
#a59592
#a59592
rgb(165,149,146)
-
#ad8f8a
#ad8f8a
rgb(173,143,138)
-
#b58a82
#b58a82
rgb(181,138,130)
-
#bc847b
#bc847b
rgb(188,132,123)
-
#c47f73
#c47f73
rgb(196,127,115)
-
#cc7a6b
#cc7a6b
rgb(204,122,107)
-
#d37464
#d37464
rgb(211,116,100)
-
#db6f5c
#db6f5c
rgb(219,111,92)
-
#e36a54
#e36a54
rgb(227,106,84)
-
#ea644d
#ea644d
rgb(234,100,77)
-
#f25f45
#f25f45
rgb(242,95,69)
-
#fa5a3d
#fa5a3d
rgb(250,90,61)
Color Blindness Simulator
Below, you can see how #f25f45 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.