#f76a5f Color Information
In a RGB color space, hex #f76a5f is composed of 96.9% red, 41.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.1% magenta, 61.5% yellow and 3.1% black. It has a hue angle of 4.3 degrees, a saturation of 90.5% and a lightness of 67.1%. #f76a5f color hex could be obtained by blending #ffd4be with #ef0000. Closest websafe color is: #ff6666.
-
- R 97
- G 42
- B 37
-
- C 0
- M 57
- Y 62
- K 3
● #f76a5f color description : Soft red.
#f76a5f Color Conversion
The hexadecimal color #f76a5f has RGB values of R:247, G:106, B:95 and CMYK values of C:0, M:0.57, Y:0.62, K:0.03. Its decimal value is 16214623.
Hex triplet | f76a5f | #f76a5f |
---|---|---|
RGB Decimal | 247, 106, 95 | rgb(247,106,95) |
RGB Percent | 96.9, 41.6, 37.3 | rgb(96.9%,41.6%,37.3%) |
CMYK | 0, 57, 62, 3 | |
HSL | 4.3°, 90.5, 67.1 | hsl(4.3,90.5%,67.1%) |
HSV (or HSB) | 4.3°, 61.5, 96.9 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.434, 53.284, 33.351 |
---|---|
XYZ | 45.579, 30.913, 14.392 |
xyY | 0.502, 0.34, 30.913 |
CIE-LCH | 62.434, 62.861, 32.043 |
CIE-LUV | 62.434, 107.277, 28.625 |
Hunter-Lab | 55.599, 49.031, 23.572 |
Binary | 11110111, 01101010, 01011111 |
Color Schemes with #f76a5f
Alternatives to #f76a5f
Below, you can see some colors close to #f76a5f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f76a5f Preview
This text has a font color of #f76a5f.
<span style="color:#f76a5f;">Text here</span>
This paragraph has a background color of #f76a5f.
<p style="background-color:#f76a5f;">Content here</p>
This element has a border color of #f76a5f.
<div style="border:1px solid #f76a5f;">Content here</div>
.text {color:#f76a5f;}
.background {background-color:#f76a5f;}
.border {border:1px solid #f76a5f;}
Shades and Tints of #f76a5f
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 #fef5f4 is the lightest one.
-
#080100
#080100
rgb(8,1,0)
-
#1b0301
#1b0301
rgb(27,3,1)
-
#2d0502
#2d0502
rgb(45,5,2)
-
#400803
#400803
rgb(64,8,3)
-
#530a04
#530a04
rgb(83,10,4)
-
#660c05
#660c05
rgb(102,12,5)
-
#780e06
#780e06
rgb(120,14,6)
-
#8b1007
#8b1007
rgb(139,16,7)
-
#9e1308
#9e1308
rgb(158,19,8)
-
#b01509
#b01509
rgb(176,21,9)
-
#c3170a
#c3170a
rgb(195,23,10)
-
#d6190b
#d6190b
rgb(214,25,11)
-
#e81c0c
#e81c0c
rgb(232,28,12)
-
#f32414
#f32414
rgb(243,36,20)
-
#f43627
#f43627
rgb(244,54,39)
-
#f5473a
#f5473a
rgb(245,71,58)
-
#f6594c
#f6594c
rgb(246,89,76)
-
#f76a5f
#f76a5f
rgb(247,106,95)
-
#f87b72
#f87b72
rgb(248,123,114)
-
#f98d84
#f98d84
rgb(249,141,132)
-
#fa9e97
#fa9e97
rgb(250,158,151)
-
#fbb0aa
#fbb0aa
rgb(251,176,170)
-
#fcc1bc
#fcc1bc
rgb(252,193,188)
-
#fdd2cf
#fdd2cf
rgb(253,210,207)
-
#fee4e2
#fee4e2
rgb(254,228,226)
-
#fef5f4
#fef5f4
rgb(254,245,244)
Tones of #f76a5f
A tone is produced by adding gray to any pure hue. In this case, #b0a7a6 is the less saturated color, while #fd6459 is the most saturated one.
-
#b0a7a6
#b0a7a6
rgb(176,167,166)
-
#b6a1a0
#b6a1a0
rgb(182,161,160)
-
#bd9c99
#bd9c99
rgb(189,156,153)
-
#c39693
#c39693
rgb(195,150,147)
-
#ca918c
#ca918c
rgb(202,145,140)
-
#d08b86
#d08b86
rgb(208,139,134)
-
#d7867f
#d7867f
rgb(215,134,127)
-
#dd8079
#dd8079
rgb(221,128,121)
-
#e47b72
#e47b72
rgb(228,123,114)
-
#ea756c
#ea756c
rgb(234,117,108)
-
#f17065
#f17065
rgb(241,112,101)
-
#f76a5f
#f76a5f
rgb(247,106,95)
-
#fd6459
#fd6459
rgb(253,100,89)
Color Blindness Simulator
Below, you can see how #f76a5f 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.