#f76350 Color Information
In a RGB color space, hex #f76350 is composed of 96.9% red, 38.8% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.9% magenta, 67.6% yellow and 3.1% black. It has a hue angle of 6.8 degrees, a saturation of 91.3% and a lightness of 64.1%. #f76350 color hex could be obtained by blending #ffc6a0 with #ef0000. Closest websafe color is: #ff6666.
-
- R 97
- G 39
- B 31
-
- C 0
- M 60
- Y 68
- K 3
● #f76350 color description : Soft red.
#f76350 Color Conversion
The hexadecimal color #f76350 has RGB values of R:247, G:99, B:80 and CMYK values of C:0, M:0.6, Y:0.68, K:0.03. Its decimal value is 16212816.
Hex triplet | f76350 | #f76350 |
---|---|---|
RGB Decimal | 247, 99, 80 | rgb(247,99,80) |
RGB Percent | 96.9, 38.8, 31.4 | rgb(96.9%,38.8%,31.4%) |
CMYK | 0, 60, 68, 3 | |
HSL | 6.8°, 91.3, 64.1 | hsl(6.8,91.3%,64.1%) |
HSV (or HSB) | 6.8°, 67.6, 96.9 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 61.029, 55.554, 39.916 |
---|---|
XYZ | 44.269, 29.282, 10.91 |
xyY | 0.524, 0.347, 29.282 |
CIE-LCH | 61.029, 68.407, 35.698 |
CIE-LUV | 61.029, 115.187, 33.456 |
Hunter-Lab | 54.112, 51.334, 25.925 |
Binary | 11110111, 01100011, 01010000 |
Color Schemes with #f76350
Alternatives to #f76350
Below, you can see some colors close to #f76350. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f76350 Preview
This text has a font color of #f76350.
<span style="color:#f76350;">Text here</span>
This paragraph has a background color of #f76350.
<p style="background-color:#f76350;">Content here</p>
This element has a border color of #f76350.
<div style="border:1px solid #f76350;">Content here</div>
.text {color:#f76350;}
.background {background-color:#f76350;}
.border {border:1px solid #f76350;}
Shades and Tints of #f76350
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, #0d0201 is the darkest color, while #fff9f9 is the lightest one.
-
#0d0201
#0d0201
rgb(13,2,1)
-
#1f0501
#1f0501
rgb(31,5,1)
-
#320802
#320802
rgb(50,8,2)
-
#450b03
#450b03
rgb(69,11,3)
-
#580e04
#580e04
rgb(88,14,4)
-
#6a1005
#6a1005
rgb(106,16,5)
-
#7d1306
#7d1306
rgb(125,19,6)
-
#901607
#901607
rgb(144,22,7)
-
#a31907
#a31907
rgb(163,25,7)
-
#b51c08
#b51c08
rgb(181,28,8)
-
#c81f09
#c81f09
rgb(200,31,9)
-
#db220a
#db220a
rgb(219,34,10)
-
#ee250b
#ee250b
rgb(238,37,11)
-
#f43118
#f43118
rgb(244,49,24)
-
#f5422a
#f5422a
rgb(245,66,42)
-
#f6523d
#f6523d
rgb(246,82,61)
-
#f76350
#f76350
rgb(247,99,80)
-
#f87463
#f87463
rgb(248,116,99)
-
#f98476
#f98476
rgb(249,132,118)
-
#fa9588
#fa9588
rgb(250,149,136)
-
#faa69b
#faa69b
rgb(250,166,155)
-
#fbb7ae
#fbb7ae
rgb(251,183,174)
-
#fcc7c1
#fcc7c1
rgb(252,199,193)
-
#fdd8d3
#fdd8d3
rgb(253,216,211)
-
#fee9e6
#fee9e6
rgb(254,233,230)
-
#fff9f9
#fff9f9
rgb(255,249,249)
Tones of #f76350
A tone is produced by adding gray to any pure hue. In this case, #aa9f9d is the less saturated color, while #fe5e49 is the most saturated one.
-
#aa9f9d
#aa9f9d
rgb(170,159,157)
-
#b19996
#b19996
rgb(177,153,150)
-
#b8948f
#b8948f
rgb(184,148,143)
-
#bf8e88
#bf8e88
rgb(191,142,136)
-
#c68981
#c68981
rgb(198,137,129)
-
#cd847a
#cd847a
rgb(205,132,122)
-
#d47e73
#d47e73
rgb(212,126,115)
-
#db796c
#db796c
rgb(219,121,108)
-
#e27365
#e27365
rgb(226,115,101)
-
#e96e5e
#e96e5e
rgb(233,110,94)
-
#f06857
#f06857
rgb(240,104,87)
-
#f76350
#f76350
rgb(247,99,80)
-
#fe5e49
#fe5e49
rgb(254,94,73)
Color Blindness Simulator
Below, you can see how #f76350 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.