#f36a66 Color Information
In a RGB color space, hex #f36a66 is composed of 95.3% red, 41.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.4% magenta, 58% yellow and 4.7% black. It has a hue angle of 1.7 degrees, a saturation of 85.5% and a lightness of 67.6%. #f36a66 color hex could be obtained by blending #ffd4cc with #e70000. Closest websafe color is: #ff6666.
-
- R 95
- G 42
- B 40
-
- C 0
- M 56
- Y 58
- K 5
● #f36a66 color description : Soft red.
#f36a66 Color Conversion
The hexadecimal color #f36a66 has RGB values of R:243, G:106, B:102 and CMYK values of C:0, M:0.56, Y:0.58, K:0.05. Its decimal value is 15952486.
Hex triplet | f36a66 | #f36a66 |
---|---|---|
RGB Decimal | 243, 106, 102 | rgb(243,106,102) |
RGB Percent | 95.3, 41.6, 40 | rgb(95.3%,41.6%,40%) |
CMYK | 0, 56, 58, 5 | |
HSL | 1.7°, 85.5, 67.6 | hsl(1.7,85.5%,67.6%) |
HSV (or HSB) | 1.7°, 58, 95.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 61.935, 52.37, 28.657 |
---|---|
XYZ | 44.516, 30.326, 16.079 |
xyY | 0.49, 0.334, 30.326 |
CIE-LCH | 61.935, 59.698, 28.688 |
CIE-LUV | 61.935, 102.498, 24.19 |
Hunter-Lab | 55.069, 47.921, 21.237 |
Binary | 11110011, 01101010, 01100110 |
Color Schemes with #f36a66
Alternatives to #f36a66
Below, you can see some colors close to #f36a66. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f36a66 Preview
This text has a font color of #f36a66.
<span style="color:#f36a66;">Text here</span>
This paragraph has a background color of #f36a66.
<p style="background-color:#f36a66;">Content here</p>
This element has a border color of #f36a66.
<div style="border:1px solid #f36a66;">Content here</div>
.text {color:#f36a66;}
.background {background-color:#f36a66;}
.border {border:1px solid #f36a66;}
Shades and Tints of #f36a66
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, #0b0101 is the darkest color, while #fef8f8 is the lightest one.
-
#0b0101
#0b0101
rgb(11,1,1)
-
#1d0302
#1d0302
rgb(29,3,2)
-
#2f0504
#2f0504
rgb(47,5,4)
-
#410705
#410705
rgb(65,7,5)
-
#530907
#530907
rgb(83,9,7)
-
#660b08
#660b08
rgb(102,11,8)
-
#780d09
#780d09
rgb(120,13,9)
-
#8a0e0b
#8a0e0b
rgb(138,14,11)
-
#9c100c
#9c100c
rgb(156,16,12)
-
#ae120e
#ae120e
rgb(174,18,14)
-
#c1140f
#c1140f
rgb(193,20,15)
-
#d31611
#d31611
rgb(211,22,17)
-
#e51812
#e51812
rgb(229,24,18)
-
#ed231d
#ed231d
rgb(237,35,29)
-
#ef352f
#ef352f
rgb(239,53,47)
-
#f04742
#f04742
rgb(240,71,66)
-
#f25854
#f25854
rgb(242,88,84)
-
#f36a66
#f36a66
rgb(243,106,102)
-
#f47c78
#f47c78
rgb(244,124,120)
-
#f68d8a
#f68d8a
rgb(246,141,138)
-
#f79f9d
#f79f9d
rgb(247,159,157)
-
#f9b1af
#f9b1af
rgb(249,177,175)
-
#fac3c1
#fac3c1
rgb(250,195,193)
-
#fcd4d3
#fcd4d3
rgb(252,212,211)
-
#fde6e5
#fde6e5
rgb(253,230,229)
-
#fef8f8
#fef8f8
rgb(254,248,248)
Tones of #f36a66
A tone is produced by adding gray to any pure hue. In this case, #adacac is the less saturated color, while #f96460 is the most saturated one.
-
#adacac
#adacac
rgb(173,172,172)
-
#b4a6a5
#b4a6a5
rgb(180,166,165)
-
#baa09f
#baa09f
rgb(186,160,159)
-
#c09a99
#c09a99
rgb(192,154,153)
-
#c79492
#c79492
rgb(199,148,146)
-
#cd8e8c
#cd8e8c
rgb(205,142,140)
-
#d38886
#d38886
rgb(211,136,134)
-
#da827f
#da827f
rgb(218,130,127)
-
#e07c79
#e07c79
rgb(224,124,121)
-
#e67673
#e67673
rgb(230,118,115)
-
#ed706c
#ed706c
rgb(237,112,108)
-
#f36a66
#f36a66
rgb(243,106,102)
-
#f96460
#f96460
rgb(249,100,96)
Color Blindness Simulator
Below, you can see how #f36a66 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.