#f03448 Color Information
In a RGB color space, hex #f03448 is composed of 94.1% red, 20.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.3% magenta, 70% yellow and 5.9% black. It has a hue angle of 353.6 degrees, a saturation of 86.2% and a lightness of 57.3%. #f03448 color hex could be obtained by blending #ff6890 with #e10000. Closest websafe color is: #ff3333.
-
- R 94
- G 20
- B 28
-
- C 0
- M 78
- Y 70
- K 6
● #f03448 color description : Bright red.
#f03448 Color Conversion
The hexadecimal color #f03448 has RGB values of R:240, G:52, B:72 and CMYK values of C:0, M:0.78, Y:0.7, K:0.06. Its decimal value is 15742024.
Hex triplet | f03448 | #f03448 |
---|---|---|
RGB Decimal | 240, 52, 72 | rgb(240,52,72) |
RGB Percent | 94.1, 20.4, 28.2 | rgb(94.1%,20.4%,28.2%) |
CMYK | 0, 78, 70, 6 | |
HSL | 353.6°, 86.2, 57.3 | hsl(353.6,86.2%,57.3%) |
HSV (or HSB) | 353.6°, 78.3, 94.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.443, 70.099, 35.087 |
---|---|
XYZ | 38.335, 21.454, 8.253 |
xyY | 0.563, 0.315, 21.454 |
CIE-LCH | 53.443, 78.39, 26.59 |
CIE-LUV | 53.443, 139.33, 23.142 |
Hunter-Lab | 46.318, 66.676, 21.858 |
Binary | 11110000, 00110100, 01001000 |
Color Schemes with #f03448
Alternatives to #f03448
Below, you can see some colors close to #f03448. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f03448 Preview
This text has a font color of #f03448.
<span style="color:#f03448;">Text here</span>
This paragraph has a background color of #f03448.
<p style="background-color:#f03448;">Content here</p>
This element has a border color of #f03448.
<div style="border:1px solid #f03448;">Content here</div>
.text {color:#f03448;}
.background {background-color:#f03448;}
.border {border:1px solid #f03448;}
Shades and Tints of #f03448
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, #100103 is the darkest color, while #fffdfd is the lightest one.
-
#100103
#100103
rgb(16,1,3)
-
#220306
#220306
rgb(34,3,6)
-
#350409
#350409
rgb(53,4,9)
-
#47050c
#47050c
rgb(71,5,12)
-
#59070f
#59070f
rgb(89,7,15)
-
#6c0813
#6c0813
rgb(108,8,19)
-
#7e0916
#7e0916
rgb(126,9,22)
-
#900b19
#900b19
rgb(144,11,25)
-
#a20c1c
#a20c1c
rgb(162,12,28)
-
#b50d1f
#b50d1f
rgb(181,13,31)
-
#c70f22
#c70f22
rgb(199,15,34)
-
#d91025
#d91025
rgb(217,16,37)
-
#eb1129
#eb1129
rgb(235,17,41)
-
#ef2238
#ef2238
rgb(239,34,56)
-
#f03448
#f03448
rgb(240,52,72)
-
#f14658
#f14658
rgb(241,70,88)
-
#f35969
#f35969
rgb(243,89,105)
-
#f46b79
#f46b79
rgb(244,107,121)
-
#f57d8a
#f57d8a
rgb(245,125,138)
-
#f78f9a
#f78f9a
rgb(247,143,154)
-
#f8a2ab
#f8a2ab
rgb(248,162,171)
-
#f9b4bb
#f9b4bb
rgb(249,180,187)
-
#fbc6cc
#fbc6cc
rgb(251,198,204)
-
#fcd8dc
#fcd8dc
rgb(252,216,220)
-
#fdebed
#fdebed
rgb(253,235,237)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f03448
A tone is produced by adding gray to any pure hue. In this case, #949091 is the less saturated color, while #f82c41 is the most saturated one.
-
#949091
#949091
rgb(148,144,145)
-
#9c888a
#9c888a
rgb(156,136,138)
-
#a57f83
#a57f83
rgb(165,127,131)
-
#ad777d
#ad777d
rgb(173,119,125)
-
#b56f76
#b56f76
rgb(181,111,118)
-
#be6670
#be6670
rgb(190,102,112)
-
#c65e69
#c65e69
rgb(198,94,105)
-
#ce5662
#ce5662
rgb(206,86,98)
-
#d74d5c
#d74d5c
rgb(215,77,92)
-
#df4555
#df4555
rgb(223,69,85)
-
#e83c4f
#e83c4f
rgb(232,60,79)
-
#f03448
#f03448
rgb(240,52,72)
-
#f82c41
#f82c41
rgb(248,44,65)
Color Blindness Simulator
Below, you can see how #f03448 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.