#f7504b Color Information
In a RGB color space, hex #f7504b is composed of 96.9% red, 31.4% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.6% magenta, 69.6% yellow and 3.1% black. It has a hue angle of 1.7 degrees, a saturation of 91.5% and a lightness of 63.1%. #f7504b color hex could be obtained by blending #ffa096 with #ef0000. Closest websafe color is: #ff6633.
-
- R 97
- G 31
- B 29
-
- C 0
- M 68
- Y 70
- K 3
● #f7504b color description : Soft red.
#f7504b Color Conversion
The hexadecimal color #f7504b has RGB values of R:247, G:80, B:75 and CMYK values of C:0, M:0.68, Y:0.7, K:0.03. Its decimal value is 16207947.
Hex triplet | f7504b | #f7504b |
---|---|---|
RGB Decimal | 247, 80, 75 | rgb(247,80,75) |
RGB Percent | 96.9, 31.4, 29.4 | rgb(96.9%,31.4%,29.4%) |
CMYK | 0, 68, 70, 3 | |
HSL | 1.7°, 91.5, 63.1 | hsl(1.7,91.5%,63.1%) |
HSV (or HSB) | 1.7°, 69.6, 96.9 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.06, 63.114, 39.166 |
---|---|
XYZ | 42.498, 26.024, 9.442 |
xyY | 0.545, 0.334, 26.024 |
CIE-LCH | 58.06, 74.279, 31.822 |
CIE-LUV | 58.06, 128.886, 29.832 |
Hunter-Lab | 51.014, 59.429, 24.736 |
Binary | 11110111, 01010000, 01001011 |
Color Schemes with #f7504b
Alternatives to #f7504b
Below, you can see some colors close to #f7504b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7504b Preview
This text has a font color of #f7504b.
<span style="color:#f7504b;">Text here</span>
This paragraph has a background color of #f7504b.
<p style="background-color:#f7504b;">Content here</p>
This element has a border color of #f7504b.
<div style="border:1px solid #f7504b;">Content here</div>
.text {color:#f7504b;}
.background {background-color:#f7504b;}
.border {border:1px solid #f7504b;}
Shades and Tints of #f7504b
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, #080100 is the darkest color, while #fff4f4 is the lightest one.
-
#080100
#080100
rgb(8,1,0)
-
#1b0201
#1b0201
rgb(27,2,1)
-
#2d0302
#2d0302
rgb(45,3,2)
-
#400503
#400503
rgb(64,5,3)
-
#530604
#530604
rgb(83,6,4)
-
#660705
#660705
rgb(102,7,5)
-
#780905
#780905
rgb(120,9,5)
-
#8b0a06
#8b0a06
rgb(139,10,6)
-
#9e0b07
#9e0b07
rgb(158,11,7)
-
#b10d08
#b10d08
rgb(177,13,8)
-
#c40e09
#c40e09
rgb(196,14,9)
-
#d60f0a
#d60f0a
rgb(214,15,10)
-
#e9110a
#e9110a
rgb(233,17,10)
-
#f41913
#f41913
rgb(244,25,19)
-
#f52b25
#f52b25
rgb(245,43,37)
-
#f63e38
#f63e38
rgb(246,62,56)
-
#f7504b
#f7504b
rgb(247,80,75)
-
#f8625e
#f8625e
rgb(248,98,94)
-
#f97571
#f97571
rgb(249,117,113)
-
#fa8783
#fa8783
rgb(250,135,131)
-
#fa9996
#fa9996
rgb(250,153,150)
-
#fbaba9
#fbaba9
rgb(251,171,169)
-
#fcbebc
#fcbebc
rgb(252,190,188)
-
#fdd0ce
#fdd0ce
rgb(253,208,206)
-
#fee2e1
#fee2e1
rgb(254,226,225)
-
#fff4f4
#fff4f4
rgb(255,244,244)
Tones of #f7504b
A tone is produced by adding gray to any pure hue. In this case, #a79b9b is the less saturated color, while #fe4944 is the most saturated one.
-
#a79b9b
#a79b9b
rgb(167,155,155)
-
#af9493
#af9493
rgb(175,148,147)
-
#b68d8c
#b68d8c
rgb(182,141,140)
-
#bd8685
#bd8685
rgb(189,134,133)
-
#c4807e
#c4807e
rgb(196,128,126)
-
#cc7976
#cc7976
rgb(204,121,118)
-
#d3726f
#d3726f
rgb(211,114,111)
-
#da6b68
#da6b68
rgb(218,107,104)
-
#e16461
#e16461
rgb(225,100,97)
-
#e95e59
#e95e59
rgb(233,94,89)
-
#f05752
#f05752
rgb(240,87,82)
-
#f7504b
#f7504b
rgb(247,80,75)
-
#fe4944
#fe4944
rgb(254,73,68)
Color Blindness Simulator
Below, you can see how #f7504b 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.