#f74045 Color Information
In a RGB color space, hex #f74045 is composed of 96.9% red, 25.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.1% magenta, 72.1% yellow and 3.1% black. It has a hue angle of 358.4 degrees, a saturation of 92% and a lightness of 61%. #f74045 color hex could be obtained by blending #ff808a with #ef0000. Closest websafe color is: #ff3333.
-
- R 97
- G 25
- B 27
-
- C 0
- M 74
- Y 72
- K 3
● #f74045 color description : Bright red.
#f74045 Color Conversion
The hexadecimal color #f74045 has RGB values of R:247, G:64, B:69 and CMYK values of C:0, M:0.74, Y:0.72, K:0.03. Its decimal value is 16203845.
Hex triplet | f74045 | #f74045 |
---|---|---|
RGB Decimal | 247, 64, 69 | rgb(247,64,69) |
RGB Percent | 96.9, 25.1, 27.1 | rgb(96.9%,25.1%,27.1%) |
CMYK | 0, 74, 72, 3 | |
HSL | 358.4°, 92, 61 | hsl(358.4,92%,61%) |
HSV (or HSB) | 358.4°, 74.1, 96.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.963, 68.425, 40.079 |
---|---|
XYZ | 41.267, 23.876, 8.065 |
xyY | 0.564, 0.326, 23.876 |
CIE-LCH | 55.963, 79.299, 30.359 |
CIE-LUV | 55.963, 139.571, 28.328 |
Hunter-Lab | 48.863, 65.244, 24.417 |
Binary | 11110111, 01000000, 01000101 |
Color Schemes with #f74045
Alternatives to #f74045
Below, you can see some colors close to #f74045. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f74045 Preview
This text has a font color of #f74045.
<span style="color:#f74045;">Text here</span>
This paragraph has a background color of #f74045.
<p style="background-color:#f74045;">Content here</p>
This element has a border color of #f74045.
<div style="border:1px solid #f74045;">Content here</div>
.text {color:#f74045;}
.background {background-color:#f74045;}
.border {border:1px solid #f74045;}
Shades and Tints of #f74045
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, #100101 is the darkest color, while #fffcfc is the lightest one.
-
#100101
#100101
rgb(16,1,1)
-
#230102
#230102
rgb(35,1,2)
-
#360204
#360204
rgb(54,2,4)
-
#490305
#490305
rgb(73,3,5)
-
#5b0406
#5b0406
rgb(91,4,6)
-
#6e0508
#6e0508
rgb(110,5,8)
-
#810509
#810509
rgb(129,5,9)
-
#94060a
#94060a
rgb(148,6,10)
-
#a7070b
#a7070b
rgb(167,7,11)
-
#ba080d
#ba080d
rgb(186,8,13)
-
#cc090e
#cc090e
rgb(204,9,14)
-
#df090f
#df090f
rgb(223,9,15)
-
#f20a10
#f20a10
rgb(242,10,16)
-
#f51a20
#f51a20
rgb(245,26,32)
-
#f62d33
#f62d33
rgb(246,45,51)
-
#f74045
#f74045
rgb(247,64,69)
-
#f85357
#f85357
rgb(248,83,87)
-
#f9666a
#f9666a
rgb(249,102,106)
-
#f9787c
#f9787c
rgb(249,120,124)
-
#fa8b8e
#fa8b8e
rgb(250,139,142)
-
#fb9ea1
#fb9ea1
rgb(251,158,161)
-
#fcb1b3
#fcb1b3
rgb(252,177,179)
-
#fdc4c5
#fdc4c5
rgb(253,196,197)
-
#fdd7d8
#fdd7d8
rgb(253,215,216)
-
#fee9ea
#fee9ea
rgb(254,233,234)
-
#fffcfc
#fffcfc
rgb(255,252,252)
Tones of #f74045
A tone is produced by adding gray to any pure hue. In this case, #a39495 is the less saturated color, while #ff383e is the most saturated one.
-
#a39495
#a39495
rgb(163,148,149)
-
#aa8d8d
#aa8d8d
rgb(170,141,141)
-
#b28586
#b28586
rgb(178,133,134)
-
#ba7d7f
#ba7d7f
rgb(186,125,127)
-
#c17678
#c17678
rgb(193,118,120)
-
#c96e70
#c96e70
rgb(201,110,112)
-
#d16669
#d16669
rgb(209,102,105)
-
#d85f62
#d85f62
rgb(216,95,98)
-
#e0575b
#e0575b
rgb(224,87,91)
-
#e84f53
#e84f53
rgb(232,79,83)
-
#ef484c
#ef484c
rgb(239,72,76)
-
#f74045
#f74045
rgb(247,64,69)
-
#ff383e
#ff383e
rgb(255,56,62)
Color Blindness Simulator
Below, you can see how #f74045 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.