#f77475 Color Information
In a RGB color space, hex #f77475 is composed of 96.9% red, 45.5% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53% magenta, 52.6% yellow and 3.1% black. It has a hue angle of 359.5 degrees, a saturation of 89.1% and a lightness of 71.2%. #f77475 color hex could be obtained by blending #ffe8ea with #ef0000. Closest websafe color is: #ff6666.
-
- R 97
- G 45
- B 46
-
- C 0
- M 53
- Y 53
- K 3
● #f77475 color description : Soft red.
#f77475 Color Conversion
The hexadecimal color #f77475 has RGB values of R:247, G:116, B:117 and CMYK values of C:0, M:0.53, Y:0.53, K:0.03. Its decimal value is 16217205.
Hex triplet | f77475 | #f77475 |
---|---|---|
RGB Decimal | 247, 116, 117 | rgb(247,116,117) |
RGB Percent | 96.9, 45.5, 45.9 | rgb(96.9%,45.5%,45.9%) |
CMYK | 0, 53, 53, 3 | |
HSL | 359.5°, 89.1, 71.2 | hsl(359.5,89.1%,71.2%) |
HSV (or HSB) | 359.5°, 53, 96.9 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 64.607, 50.218, 23.815 |
---|---|
XYZ | 47.815, 33.554, 20.787 |
xyY | 0.468, 0.328, 33.554 |
CIE-LCH | 64.607, 55.579, 25.372 |
CIE-LUV | 64.607, 95.684, 20.08 |
Hunter-Lab | 57.925, 45.976, 19.271 |
Binary | 11110111, 01110100, 01110101 |
Color Schemes with #f77475
Alternatives to #f77475
Below, you can see some colors close to #f77475. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f77475 Preview
This text has a font color of #f77475.
<span style="color:#f77475;">Text here</span>
This paragraph has a background color of #f77475.
<p style="background-color:#f77475;">Content here</p>
This element has a border color of #f77475.
<div style="border:1px solid #f77475;">Content here</div>
.text {color:#f77475;}
.background {background-color:#f77475;}
.border {border:1px solid #f77475;}
Shades and Tints of #f77475
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, #090101 is the darkest color, while #fef6f6 is the lightest one.
-
#090101
#090101
rgb(9,1,1)
-
#1c0202
#1c0202
rgb(28,2,2)
-
#2e0303
#2e0303
rgb(46,3,3)
-
#410404
#410404
rgb(65,4,4)
-
#540505
#540505
rgb(84,5,5)
-
#660607
#660607
rgb(102,6,7)
-
#790708
#790708
rgb(121,7,8)
-
#8b0809
#8b0809
rgb(139,8,9)
-
#9e090a
#9e090a
rgb(158,9,10)
-
#b00a0b
#b00a0b
rgb(176,10,11)
-
#c30b0d
#c30b0d
rgb(195,11,13)
-
#d50c0e
#d50c0e
rgb(213,12,14)
-
#e80d0f
#e80d0f
rgb(232,13,15)
-
#f21719
#f21719
rgb(242,23,25)
-
#f32a2b
#f32a2b
rgb(243,42,43)
-
#f43c3e
#f43c3e
rgb(244,60,62)
-
#f54f50
#f54f50
rgb(245,79,80)
-
#f66163
#f66163
rgb(246,97,99)
-
#f77475
#f77475
rgb(247,116,117)
-
#f88787
#f88787
rgb(248,135,135)
-
#f9999a
#f9999a
rgb(249,153,154)
-
#faacac
#faacac
rgb(250,172,172)
-
#fbbebf
#fbbebf
rgb(251,190,191)
-
#fcd1d1
#fcd1d1
rgb(252,209,209)
-
#fde3e3
#fde3e3
rgb(253,227,227)
-
#fef6f6
#fef6f6
rgb(254,246,246)
Tones of #f77475
A tone is produced by adding gray to any pure hue. In this case, #b9b2b2 is the less saturated color, while #fd6e6f is the most saturated one.
-
#b9b2b2
#b9b2b2
rgb(185,178,178)
-
#beadad
#beadad
rgb(190,173,173)
-
#c4a7a7
#c4a7a7
rgb(196,167,167)
-
#caa1a2
#caa1a2
rgb(202,161,162)
-
#cf9c9c
#cf9c9c
rgb(207,156,156)
-
#d59696
#d59696
rgb(213,150,150)
-
#db9091
#db9091
rgb(219,144,145)
-
#e08b8b
#e08b8b
rgb(224,139,139)
-
#e68586
#e68586
rgb(230,133,134)
-
#ec7f80
#ec7f80
rgb(236,127,128)
-
#f17a7b
#f17a7b
rgb(241,122,123)
-
#f77475
#f77475
rgb(247,116,117)
-
#fd6e6f
#fd6e6f
rgb(253,110,111)
Color Blindness Simulator
Below, you can see how #f77475 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.