#f74955 Color Information
In a RGB color space, hex #f74955 is composed of 96.9% red, 28.6% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.4% magenta, 65.6% yellow and 3.1% black. It has a hue angle of 355.9 degrees, a saturation of 91.6% and a lightness of 62.7%. #f74955 color hex could be obtained by blending #ff92aa with #ef0000. Closest websafe color is: #ff3366.
-
- R 97
- G 29
- B 33
-
- C 0
- M 70
- Y 66
- K 3
● #f74955 color description : Bright red.
#f74955 Color Conversion
The hexadecimal color #f74955 has RGB values of R:247, G:73, B:85 and CMYK values of C:0, M:0.7, Y:0.66, K:0.03. Its decimal value is 16206165.
| Hex triplet | f74955 | #f74955 |
|---|---|---|
| RGB Decimal | 247, 73, 85 | rgb(247,73,85) |
| RGB Percent | 96.9, 28.6, 33.3 | rgb(96.9%,28.6%,33.3%) |
| CMYK | 0, 70, 66, 3 | |
| HSL | 355.9°, 91.6, 62.7 | hsl(355.9,91.6%,62.7%) |
| HSV (or HSB) | 355.9°, 70.4, 96.9 | |
| Web Safe | ff3366 | #ff3366 |
| CIE-LAB | 57.27, 66.171, 32.545 |
|---|---|
| XYZ | 42.382, 25.2, 11.226 |
| xyY | 0.538, 0.32, 25.2 |
| CIE-LCH | 57.27, 73.741, 26.189 |
| CIE-LUV | 57.27, 130.675, 23.196 |
| Hunter-Lab | 50.2, 62.852, 21.88 |
| Binary | 11110111, 01001001, 01010101 |
Color Schemes with #f74955
Alternatives to #f74955
Below, you can see some colors close to #f74955. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f74955 Preview
This text has a font color of #f74955.
<span style="color:#f74955;">Text here</span>
This paragraph has a background color of #f74955.
<p style="background-color:#f74955;">Content here</p>
This element has a border color of #f74955.
<div style="border:1px solid #f74955;">Content here</div>
.text {color:#f74955;}
.background {background-color:#f74955;}
.border {border:1px solid #f74955;}
Shades and Tints of #f74955
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, #060001 is the darkest color, while #fef2f3 is the lightest one.
-
#060001
#060001rgb(6,0,1) -
#190103
#190103rgb(25,1,3) -
#2b0205
#2b0205rgb(43,2,5) -
#3e0307
#3e0307rgb(62,3,7) -
#510409
#510409rgb(81,4,9) -
#64040b
#64040brgb(100,4,11) -
#77050d
#77050drgb(119,5,13) -
#89060f
#89060frgb(137,6,15) -
#9c0711
#9c0711rgb(156,7,17) -
#af0813
#af0813rgb(175,8,19) -
#c20915
#c20915rgb(194,9,21) -
#d50917
#d50917rgb(213,9,23) -
#e70a19
#e70a19rgb(231,10,25)
-
#f51120
#f51120rgb(245,17,32) -
#f52332
#f52332rgb(245,35,50) -
#f63643
#f63643rgb(246,54,67) -
#f74955
#f74955rgb(247,73,85) -
#f85c67
#f85c67rgb(248,92,103) -
#f96f78
#f96f78rgb(249,111,120) -
#f9818a
#f9818argb(249,129,138) -
#fa949b
#fa949brgb(250,148,155) -
#fba7ad
#fba7adrgb(251,167,173) -
#fcbabe
#fcbabergb(252,186,190) -
#fdcdd0
#fdcdd0rgb(253,205,208) -
#fedfe1
#fedfe1rgb(254,223,225) -
#fef2f3
#fef2f3rgb(254,242,243)
Tones of #f74955
A tone is produced by adding gray to any pure hue. In this case, #a7999a is the less saturated color, while #fe424f is the most saturated one.
-
#a7999a
#a7999argb(167,153,154) -
#ae9294
#ae9294rgb(174,146,148) -
#b58b8e
#b58b8ergb(181,139,142) -
#bd8387
#bd8387rgb(189,131,135) -
#c47c81
#c47c81rgb(196,124,129) -
#cb757b
#cb757brgb(203,117,123) -
#d26e74
#d26e74rgb(210,110,116) -
#da666e
#da666ergb(218,102,110) -
#e15f68
#e15f68rgb(225,95,104) -
#e85862
#e85862rgb(232,88,98) -
#f0505b
#f0505brgb(240,80,91) -
#f74955
#f74955rgb(247,73,85) -
#fe424f
#fe424frgb(254,66,79)
Color Blindness Simulator
Below, you can see how #f74955 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.
