#f74f45 Color Information
In a RGB color space, hex #f74f45 is composed of 96.9% red, 31% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68% magenta, 72.1% yellow and 3.1% black. It has a hue angle of 3.4 degrees, a saturation of 91.8% and a lightness of 62%. #f74f45 color hex could be obtained by blending #ff9e8a with #ef0000. Closest websafe color is: #ff6633.
-
- R 97
- G 31
- B 27
-
- C 0
- M 68
- Y 72
- K 3
● #f74f45 color description : Bright red.
#f74f45 Color Conversion
The hexadecimal color #f74f45 has RGB values of R:247, G:79, B:69 and CMYK values of C:0, M:0.68, Y:0.72, K:0.03. Its decimal value is 16207685.
Hex triplet | f74f45 | #f74f45 |
---|---|---|
RGB Decimal | 247, 79, 69 | rgb(247,79,69) |
RGB Percent | 96.9, 31, 27.1 | rgb(96.9%,31%,27.1%) |
CMYK | 0, 68, 72, 3 | |
HSL | 3.4°, 91.8, 62 | hsl(3.4,91.8%,62%) |
HSV (or HSB) | 3.4°, 72.1, 96.9 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.847, 63.224, 42.229 |
---|---|
XYZ | 42.23, 25.801, 8.386 |
xyY | 0.553, 0.338, 25.801 |
CIE-LCH | 57.847, 76.03, 33.74 |
CIE-LUV | 57.847, 130.778, 32.097 |
Hunter-Lab | 50.794, 59.513, 25.767 |
Binary | 11110111, 01001111, 01000101 |
Color Schemes with #f74f45
Alternatives to #f74f45
Below, you can see some colors close to #f74f45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f74f45 Preview
This text has a font color of #f74f45.
<span style="color:#f74f45;">Text here</span>
This paragraph has a background color of #f74f45.
<p style="background-color:#f74f45;">Content here</p>
This element has a border color of #f74f45.
<div style="border:1px solid #f74f45;">Content here</div>
.text {color:#f74f45;}
.background {background-color:#f74f45;}
.border {border:1px solid #f74f45;}
Shades and Tints of #f74f45
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, #020000 is the darkest color, while #feefee is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#150201
#150201
rgb(21,2,1)
-
#280402
#280402
rgb(40,4,2)
-
#3a0603
#3a0603
rgb(58,6,3)
-
#4d0703
#4d0703
rgb(77,7,3)
-
#600904
#600904
rgb(96,9,4)
-
#730b05
#730b05
rgb(115,11,5)
-
#860d06
#860d06
rgb(134,13,6)
-
#990f07
#990f07
rgb(153,15,7)
-
#ab1107
#ab1107
rgb(171,17,7)
-
#be1208
#be1208
rgb(190,18,8)
-
#d11409
#d11409
rgb(209,20,9)
-
#e4160a
#e4160a
rgb(228,22,10)
-
#f51a0d
#f51a0d
rgb(245,26,13)
-
#f52b1f
#f52b1f
rgb(245,43,31)
-
#f63d32
#f63d32
rgb(246,61,50)
-
#f74f45
#f74f45
rgb(247,79,69)
-
#f86158
#f86158
rgb(248,97,88)
-
#f9736b
#f9736b
rgb(249,115,107)
-
#f9847d
#f9847d
rgb(249,132,125)
-
#fa9690
#fa9690
rgb(250,150,144)
-
#fba8a3
#fba8a3
rgb(251,168,163)
-
#fcbab6
#fcbab6
rgb(252,186,182)
-
#fdccc9
#fdccc9
rgb(253,204,201)
-
#fddddb
#fddddb
rgb(253,221,219)
-
#feefee
#feefee
rgb(254,239,238)
Tones of #f74f45
A tone is produced by adding gray to any pure hue. In this case, #a59897 is the less saturated color, while #fe483e is the most saturated one.
-
#a59897
#a59897
rgb(165,152,151)
-
#ac9190
#ac9190
rgb(172,145,144)
-
#b48b88
#b48b88
rgb(180,139,136)
-
#bb8481
#bb8481
rgb(187,132,129)
-
#c37d79
#c37d79
rgb(195,125,121)
-
#ca7772
#ca7772
rgb(202,119,114)
-
#d2706a
#d2706a
rgb(210,112,106)
-
#d96963
#d96963
rgb(217,105,99)
-
#e1635b
#e1635b
rgb(225,99,91)
-
#e85c54
#e85c54
rgb(232,92,84)
-
#f0564c
#f0564c
rgb(240,86,76)
-
#f74f45
#f74f45
rgb(247,79,69)
-
#fe483e
#fe483e
rgb(254,72,62)
Color Blindness Simulator
Below, you can see how #f74f45 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.