#f24525 Color Information
In a RGB color space, hex #f24525 is composed of 94.9% red, 27.1% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.5% magenta, 84.7% yellow and 5.1% black. It has a hue angle of 9.4 degrees, a saturation of 88.7% and a lightness of 54.7%. #f24525 color hex could be obtained by blending #ff8a4a with #e50000. Closest websafe color is: #ff3333.
-
- R 95
- G 27
- B 15
-
- C 0
- M 71
- Y 85
- K 5
● #f24525 color description : Bright red.
#f24525 Color Conversion
The hexadecimal color #f24525 has RGB values of R:242, G:69, B:37 and CMYK values of C:0, M:0.71, Y:0.85, K:0.05. Its decimal value is 15877413.
Hex triplet | f24525 | #f24525 |
---|---|---|
RGB Decimal | 242, 69, 37 | rgb(242,69,37) |
RGB Percent | 94.9, 27.1, 14.5 | rgb(94.9%,27.1%,14.5%) |
CMYK | 0, 71, 85, 5 | |
HSL | 9.4°, 88.7, 54.7 | hsl(9.4,88.7%,54.7%) |
HSV (or HSB) | 9.4°, 84.7, 94.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.351, 64.257, 55.528 |
---|---|
XYZ | 39.082, 23.272, 4.184 |
xyY | 0.587, 0.35, 23.272 |
CIE-LCH | 55.351, 84.926, 40.832 |
CIE-LUV | 55.351, 138.362, 39.108 |
Hunter-Lab | 48.241, 60.189, 28.626 |
Binary | 11110010, 01000101, 00100101 |
Color Schemes with #f24525
Alternatives to #f24525
Below, you can see some colors close to #f24525. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f24525 Preview
This text has a font color of #f24525.
<span style="color:#f24525;">Text here</span>
This paragraph has a background color of #f24525.
<p style="background-color:#f24525;">Content here</p>
This element has a border color of #f24525.
<div style="border:1px solid #f24525;">Content here</div>
.text {color:#f24525;}
.background {background-color:#f24525;}
.border {border:1px solid #f24525;}
Shades and Tints of #f24525
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, #040100 is the darkest color, while #fef3f1 is the lightest one.
-
#040100
#040100
rgb(4,1,0)
-
#170501
#170501
rgb(23,5,1)
-
#290802
#290802
rgb(41,8,2)
-
#3c0c04
#3c0c04
rgb(60,12,4)
-
#4e1005
#4e1005
rgb(78,16,5)
-
#611406
#611406
rgb(97,20,6)
-
#731807
#731807
rgb(115,24,7)
-
#861c08
#861c08
rgb(134,28,8)
-
#981f09
#981f09
rgb(152,31,9)
-
#ab230a
#ab230a
rgb(171,35,10)
-
#bd270b
#bd270b
rgb(189,39,11)
-
#d02b0c
#d02b0c
rgb(208,43,12)
-
#e22f0d
#e22f0d
rgb(226,47,13)
-
#f13512
#f13512
rgb(241,53,18)
-
#f24525
#f24525
rgb(242,69,37)
-
#f35538
#f35538
rgb(243,85,56)
-
#f4654a
#f4654a
rgb(244,101,74)
-
#f5745d
#f5745d
rgb(245,116,93)
-
#f6846f
#f6846f
rgb(246,132,111)
-
#f89482
#f89482
rgb(248,148,130)
-
#f9a494
#f9a494
rgb(249,164,148)
-
#fab4a7
#fab4a7
rgb(250,180,167)
-
#fbc3b9
#fbc3b9
rgb(251,195,185)
-
#fcd3cc
#fcd3cc
rgb(252,211,204)
-
#fde3de
#fde3de
rgb(253,227,222)
-
#fef3f1
#fef3f1
rgb(254,243,241)
Tones of #f24525
A tone is produced by adding gray to any pure hue. In this case, #908887 is the less saturated color, while #fb3f1c is the most saturated one.
-
#908887
#908887
rgb(144,136,135)
-
#99827e
#99827e
rgb(153,130,126)
-
#a27c75
#a27c75
rgb(162,124,117)
-
#ab766c
#ab766c
rgb(171,118,108)
-
#b47063
#b47063
rgb(180,112,99)
-
#bd6a5a
#bd6a5a
rgb(189,106,90)
-
#c66451
#c66451
rgb(198,100,81)
-
#ce5d49
#ce5d49
rgb(206,93,73)
-
#d75740
#d75740
rgb(215,87,64)
-
#e05137
#e05137
rgb(224,81,55)
-
#e94b2e
#e94b2e
rgb(233,75,46)
-
#f24525
#f24525
rgb(242,69,37)
-
#fb3f1c
#fb3f1c
rgb(251,63,28)
Color Blindness Simulator
Below, you can see how #f24525 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.