#f24345 Color Information
In a RGB color space, hex #f24345 is composed of 94.9% red, 26.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.3% magenta, 71.5% yellow and 5.1% black. It has a hue angle of 359.3 degrees, a saturation of 87.1% and a lightness of 60.6%. #f24345 color hex could be obtained by blending #ff868a with #e50000. Closest websafe color is: #ff3333.
-
- R 95
- G 26
- B 27
-
- C 0
- M 72
- Y 71
- K 5
● #f24345 color description : Bright red.
#f24345 Color Conversion
The hexadecimal color #f24345 has RGB values of R:242, G:67, B:69 and CMYK values of C:0, M:0.72, Y:0.71, K:0.05. Its decimal value is 15876933.
Hex triplet | f24345 | #f24345 |
---|---|---|
RGB Decimal | 242, 67, 69 | rgb(242,67,69) |
RGB Percent | 94.9, 26.3, 27.1 | rgb(94.9%,26.3%,27.1%) |
CMYK | 0, 72, 71, 5 | |
HSL | 359.3°, 87.1, 60.6 | hsl(359.3,87.1%,60.6%) |
HSV (or HSB) | 359.3°, 72.3, 94.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.406, 65.972, 39.202 |
---|---|
XYZ | 39.701, 23.326, 8.042 |
xyY | 0.559, 0.328, 23.326 |
CIE-LCH | 55.406, 76.741, 30.719 |
CIE-LUV | 55.406, 133.98, 28.161 |
Hunter-Lab | 48.297, 62.211, 23.936 |
Binary | 11110010, 01000011, 01000101 |
Color Schemes with #f24345
Alternatives to #f24345
Below, you can see some colors close to #f24345. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f24345 Preview
This text has a font color of #f24345.
<span style="color:#f24345;">Text here</span>
This paragraph has a background color of #f24345.
<p style="background-color:#f24345;">Content here</p>
This element has a border color of #f24345.
<div style="border:1px solid #f24345;">Content here</div>
.text {color:#f24345;}
.background {background-color:#f24345;}
.border {border:1px solid #f24345;}
Shades and Tints of #f24345
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, #0e0101 is the darkest color, while #fffafb is the lightest one.
-
#0e0101
#0e0101
rgb(14,1,1)
-
#200203
#200203
rgb(32,2,3)
-
#330304
#330304
rgb(51,3,4)
-
#450505
#450505
rgb(69,5,5)
-
#570607
#570607
rgb(87,6,7)
-
#6a0708
#6a0708
rgb(106,7,8)
-
#7c090a
#7c090a
rgb(124,9,10)
-
#8e0a0b
#8e0a0b
rgb(142,10,11)
-
#a10b0d
#a10b0d
rgb(161,11,13)
-
#b30c0e
#b30c0e
rgb(179,12,14)
-
#c50e10
#c50e10
rgb(197,14,16)
-
#d80f11
#d80f11
rgb(216,15,17)
-
#ea1013
#ea1013
rgb(234,16,19)
-
#ef1e21
#ef1e21
rgb(239,30,33)
-
#f13133
#f13133
rgb(241,49,51)
-
#f24345
#f24345
rgb(242,67,69)
-
#f35557
#f35557
rgb(243,85,87)
-
#f56869
#f56869
rgb(245,104,105)
-
#f67a7b
#f67a7b
rgb(246,122,123)
-
#f78c8e
#f78c8e
rgb(247,140,142)
-
#f89fa0
#f89fa0
rgb(248,159,160)
-
#fab1b2
#fab1b2
rgb(250,177,178)
-
#fbc3c4
#fbc3c4
rgb(251,195,196)
-
#fcd6d6
#fcd6d6
rgb(252,214,214)
-
#fde8e8
#fde8e8
rgb(253,232,232)
-
#fffafb
#fffafb
rgb(255,250,251)
Tones of #f24345
A tone is produced by adding gray to any pure hue. In this case, #9d9898 is the less saturated color, while #fa3b3d is the most saturated one.
-
#9d9898
#9d9898
rgb(157,152,152)
-
#a59091
#a59091
rgb(165,144,145)
-
#ac8989
#ac8989
rgb(172,137,137)
-
#b48181
#b48181
rgb(180,129,129)
-
#bc797a
#bc797a
rgb(188,121,122)
-
#c47172
#c47172
rgb(196,113,114)
-
#cb6a6b
#cb6a6b
rgb(203,106,107)
-
#d36263
#d36263
rgb(211,98,99)
-
#db5a5c
#db5a5c
rgb(219,90,92)
-
#e35254
#e35254
rgb(227,82,84)
-
#ea4b4d
#ea4b4d
rgb(234,75,77)
-
#f24345
#f24345
rgb(242,67,69)
-
#fa3b3d
#fa3b3d
rgb(250,59,61)
Color Blindness Simulator
Below, you can see how #f24345 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.