#f04757 Color Information
In a RGB color space, hex #f04757 is composed of 94.1% red, 27.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.4% magenta, 63.8% yellow and 5.9% black. It has a hue angle of 354.3 degrees, a saturation of 84.9% and a lightness of 61%. #f04757 color hex could be obtained by blending #ff8eae with #e10000. Closest websafe color is: #ff3366.
-
- R 94
- G 28
- B 34
-
- C 0
- M 70
- Y 64
- K 6
● #f04757 color description : Bright red.
#f04757 Color Conversion
The hexadecimal color #f04757 has RGB values of R:240, G:71, B:87 and CMYK values of C:0, M:0.7, Y:0.64, K:0.06. Its decimal value is 15746903.
Hex triplet | f04757 | #f04757 |
---|---|---|
RGB Decimal | 240, 71, 87 | rgb(240,71,87) |
RGB Percent | 94.1, 27.8, 34.1 | rgb(94.1%,27.8%,34.1%) |
CMYK | 0, 70, 64, 6 | |
HSL | 354.3°, 84.9, 61 | hsl(354.3,84.9%,61%) |
HSV (or HSB) | 354.3°, 70.4, 94.1 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 55.811, 64.885, 29.289 |
---|---|
XYZ | 39.91, 23.724, 11.494 |
xyY | 0.531, 0.316, 23.724 |
CIE-LCH | 55.811, 71.19, 24.295 |
CIE-LUV | 55.811, 125.661, 20.259 |
Hunter-Lab | 48.708, 61.022, 20.104 |
Binary | 11110000, 01000111, 01010111 |
Color Schemes with #f04757
Alternatives to #f04757
Below, you can see some colors close to #f04757. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f04757 Preview
This text has a font color of #f04757.
<span style="color:#f04757;">Text here</span>
This paragraph has a background color of #f04757.
<p style="background-color:#f04757;">Content here</p>
This element has a border color of #f04757.
<div style="border:1px solid #f04757;">Content here</div>
.text {color:#f04757;}
.background {background-color:#f04757;}
.border {border:1px solid #f04757;}
Shades and Tints of #f04757
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 #fffcfd is the lightest one.
-
#100103
#100103
rgb(16,1,3)
-
#220306
#220306
rgb(34,3,6)
-
#340409
#340409
rgb(52,4,9)
-
#46060c
#46060c
rgb(70,6,12)
-
#58070f
#58070f
rgb(88,7,15)
-
#6a0912
#6a0912
rgb(106,9,18)
-
#7c0a15
#7c0a15
rgb(124,10,21)
-
#8e0c18
#8e0c18
rgb(142,12,24)
-
#a10d1b
#a10d1b
rgb(161,13,27)
-
#b30f1e
#b30f1e
rgb(179,15,30)
-
#c51021
#c51021
rgb(197,16,33)
-
#d71224
#d71224
rgb(215,18,36)
-
#e91327
#e91327
rgb(233,19,39)
-
#ed2336
#ed2336
rgb(237,35,54)
-
#ef3546
#ef3546
rgb(239,53,70)
-
#f04757
#f04757
rgb(240,71,87)
-
#f15968
#f15968
rgb(241,89,104)
-
#f36b78
#f36b78
rgb(243,107,120)
-
#f47d89
#f47d89
rgb(244,125,137)
-
#f69099
#f69099
rgb(246,144,153)
-
#f7a2aa
#f7a2aa
rgb(247,162,170)
-
#f9b4ba
#f9b4ba
rgb(249,180,186)
-
#fac6cb
#fac6cb
rgb(250,198,203)
-
#fcd8db
#fcd8db
rgb(252,216,219)
-
#fdeaec
#fdeaec
rgb(253,234,236)
-
#fffcfd
#fffcfd
rgb(255,252,253)
Tones of #f04757
A tone is produced by adding gray to any pure hue. In this case, #9c9b9b is the less saturated color, while #f83f51 is the most saturated one.
-
#9c9b9b
#9c9b9b
rgb(156,155,155)
-
#a39495
#a39495
rgb(163,148,149)
-
#ab8c8f
#ab8c8f
rgb(171,140,143)
-
#b38489
#b38489
rgb(179,132,137)
-
#ba7d82
#ba7d82
rgb(186,125,130)
-
#c2757c
#c2757c
rgb(194,117,124)
-
#ca6d76
#ca6d76
rgb(202,109,118)
-
#d16670
#d16670
rgb(209,102,112)
-
#d95e6a
#d95e6a
rgb(217,94,106)
-
#e15663
#e15663
rgb(225,86,99)
-
#e84f5d
#e84f5d
rgb(232,79,93)
-
#f04757
#f04757
rgb(240,71,87)
-
#f83f51
#f83f51
rgb(248,63,81)
Color Blindness Simulator
Below, you can see how #f04757 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.