#f74057 Color Information
In a RGB color space, hex #f74057 is composed of 96.9% red, 25.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.1% magenta, 64.8% yellow and 3.1% black. It has a hue angle of 352.5 degrees, a saturation of 92% and a lightness of 61%. #f74057 color hex could be obtained by blending #ff80ae with #ef0000. Closest websafe color is: #ff3366.
-
- R 97
- G 25
- B 34
-
- C 0
- M 74
- Y 65
- K 3
● #f74057 color description : Bright red.
#f74057 Color Conversion
The hexadecimal color #f74057 has RGB values of R:247, G:64, B:87 and CMYK values of C:0, M:0.74, Y:0.65, K:0.03. Its decimal value is 16203863.
Hex triplet | f74057 | #f74057 |
---|---|---|
RGB Decimal | 247, 64, 87 | rgb(247,64,87) |
RGB Percent | 96.9, 25.1, 34.1 | rgb(96.9%,25.1%,34.1%) |
CMYK | 0, 74, 65, 3 | |
HSL | 352.5°, 92, 61 | hsl(352.5,92%,61%) |
HSV (or HSB) | 352.5°, 74.1, 96.9 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.222, 69.275, 30.07 |
---|---|
XYZ | 41.913, 24.134, 11.468 |
xyY | 0.541, 0.311, 24.134 |
CIE-LCH | 56.222, 75.52, 23.464 |
CIE-LUV | 56.222, 134.954, 19.879 |
Hunter-Lab | 49.126, 66.32, 20.548 |
Binary | 11110111, 01000000, 01010111 |
Color Schemes with #f74057
Alternatives to #f74057
Below, you can see some colors close to #f74057. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f74057 Preview
This text has a font color of #f74057.
<span style="color:#f74057;">Text here</span>
This paragraph has a background color of #f74057.
<p style="background-color:#f74057;">Content here</p>
This element has a border color of #f74057.
<div style="border:1px solid #f74057;">Content here</div>
.text {color:#f74057;}
.background {background-color:#f74057;}
.border {border:1px solid #f74057;}
Shades and Tints of #f74057
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)
-
#230106
#230106
rgb(35,1,6)
-
#360209
#360209
rgb(54,2,9)
-
#49030c
#49030c
rgb(73,3,12)
-
#5b040f
#5b040f
rgb(91,4,15)
-
#6e0512
#6e0512
rgb(110,5,18)
-
#810515
#810515
rgb(129,5,21)
-
#940618
#940618
rgb(148,6,24)
-
#a7071b
#a7071b
rgb(167,7,27)
-
#ba081e
#ba081e
rgb(186,8,30)
-
#cc0921
#cc0921
rgb(204,9,33)
-
#df0924
#df0924
rgb(223,9,36)
-
#f20a27
#f20a27
rgb(242,10,39)
-
#f51a36
#f51a36
rgb(245,26,54)
-
#f62d46
#f62d46
rgb(246,45,70)
-
#f74057
#f74057
rgb(247,64,87)
-
#f85368
#f85368
rgb(248,83,104)
-
#f96678
#f96678
rgb(249,102,120)
-
#f97889
#f97889
rgb(249,120,137)
-
#fa8b99
#fa8b99
rgb(250,139,153)
-
#fb9eaa
#fb9eaa
rgb(251,158,170)
-
#fcb1ba
#fcb1ba
rgb(252,177,186)
-
#fdc4cb
#fdc4cb
rgb(253,196,203)
-
#fdd7db
#fdd7db
rgb(253,215,219)
-
#fee9ec
#fee9ec
rgb(254,233,236)
-
#fffcfd
#fffcfd
rgb(255,252,253)
Tones of #f74057
A tone is produced by adding gray to any pure hue. In this case, #a39496 is the less saturated color, while #ff3851 is the most saturated one.
-
#a39496
#a39496
rgb(163,148,150)
-
#aa8d90
#aa8d90
rgb(170,141,144)
-
#b2858b
#b2858b
rgb(178,133,139)
-
#ba7d85
#ba7d85
rgb(186,125,133)
-
#c1767f
#c1767f
rgb(193,118,127)
-
#c96e79
#c96e79
rgb(201,110,121)
-
#d16674
#d16674
rgb(209,102,116)
-
#d85f6e
#d85f6e
rgb(216,95,110)
-
#e05768
#e05768
rgb(224,87,104)
-
#e84f62
#e84f62
rgb(232,79,98)
-
#ef485d
#ef485d
rgb(239,72,93)
-
#f74057
#f74057
rgb(247,64,87)
-
#ff3851
#ff3851
rgb(255,56,81)
Color Blindness Simulator
Below, you can see how #f74057 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.