#f76766 Color Information
In a RGB color space, hex #f76766 is composed of 96.9% red, 40.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.3% magenta, 58.7% yellow and 3.1% black. It has a hue angle of 0.4 degrees, a saturation of 90.1% and a lightness of 68.4%. #f76766 color hex could be obtained by blending #ffcecc with #ef0000. Closest websafe color is: #ff6666.
-
- R 97
- G 40
- B 40
-
- C 0
- M 58
- Y 59
- K 3
● #f76766 color description : Soft red.
#f76766 Color Conversion
The hexadecimal color #f76766 has RGB values of R:247, G:103, B:102 and CMYK values of C:0, M:0.58, Y:0.59, K:0.03. Its decimal value is 16213862.
Hex triplet | f76766 | #f76766 |
---|---|---|
RGB Decimal | 247, 103, 102 | rgb(247,103,102) |
RGB Percent | 96.9, 40.4, 40 | rgb(96.9%,40.4%,40%) |
CMYK | 0, 58, 59, 3 | |
HSL | 0.4°, 90.1, 68.4 | hsl(0.4,90.1%,68.4%) |
HSV (or HSB) | 0.4°, 58.7, 96.9 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.031, 55.105, 28.901 |
---|---|
XYZ | 45.608, 30.438, 16.043 |
xyY | 0.495, 0.331, 30.438 |
CIE-LCH | 62.031, 62.224, 27.675 |
CIE-LUV | 62.031, 107.787, 23.759 |
Hunter-Lab | 55.171, 51.01, 21.379 |
Binary | 11110111, 01100111, 01100110 |
Color Schemes with #f76766
Alternatives to #f76766
Below, you can see some colors close to #f76766. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f76766 Preview
This text has a font color of #f76766.
<span style="color:#f76766;">Text here</span>
This paragraph has a background color of #f76766.
<p style="background-color:#f76766;">Content here</p>
This element has a border color of #f76766.
<div style="border:1px solid #f76766;">Content here</div>
.text {color:#f76766;}
.background {background-color:#f76766;}
.border {border:1px solid #f76766;}
Shades and Tints of #f76766
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, #0f0101 is the darkest color, while #fffbfb is the lightest one.
-
#0f0101
#0f0101
rgb(15,1,1)
-
#210202
#210202
rgb(33,2,2)
-
#340303
#340303
rgb(52,3,3)
-
#470404
#470404
rgb(71,4,4)
-
#590505
#590505
rgb(89,5,5)
-
#6c0606
#6c0606
rgb(108,6,6)
-
#7f0707
#7f0707
rgb(127,7,7)
-
#910908
#910908
rgb(145,9,8)
-
#a40a09
#a40a09
rgb(164,10,9)
-
#b70b0a
#b70b0a
rgb(183,11,10)
-
#c90c0b
#c90c0b
rgb(201,12,11)
-
#dc0d0b
#dc0d0b
rgb(220,13,11)
-
#ee0e0c
#ee0e0c
rgb(238,14,12)
-
#f31d1b
#f31d1b
rgb(243,29,27)
-
#f42f2e
#f42f2e
rgb(244,47,46)
-
#f54241
#f54241
rgb(245,66,65)
-
#f65453
#f65453
rgb(246,84,83)
-
#f76766
#f76766
rgb(247,103,102)
-
#f87a79
#f87a79
rgb(248,122,121)
-
#f98c8b
#f98c8b
rgb(249,140,139)
-
#fa9f9e
#fa9f9e
rgb(250,159,158)
-
#fbb1b1
#fbb1b1
rgb(251,177,177)
-
#fcc4c3
#fcc4c3
rgb(252,196,195)
-
#fdd6d6
#fdd6d6
rgb(253,214,214)
-
#fee9e8
#fee9e8
rgb(254,233,232)
-
#fffbfb
#fffbfb
rgb(255,251,251)
Tones of #f76766
A tone is produced by adding gray to any pure hue. In this case, #b3aaaa is the less saturated color, while #fd6160 is the most saturated one.
-
#b3aaaa
#b3aaaa
rgb(179,170,170)
-
#b9a4a4
#b9a4a4
rgb(185,164,164)
-
#bf9e9e
#bf9e9e
rgb(191,158,158)
-
#c59898
#c59898
rgb(197,152,152)
-
#cc9291
#cc9291
rgb(204,146,145)
-
#d28c8b
#d28c8b
rgb(210,140,139)
-
#d88685
#d88685
rgb(216,134,133)
-
#de7f7f
#de7f7f
rgb(222,127,127)
-
#e47979
#e47979
rgb(228,121,121)
-
#eb7372
#eb7372
rgb(235,115,114)
-
#f16d6c
#f16d6c
rgb(241,109,108)
-
#f76766
#f76766
rgb(247,103,102)
-
#fd6160
#fd6160
rgb(253,97,96)
Color Blindness Simulator
Below, you can see how #f76766 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.