#f36f60 Color Information
In a RGB color space, hex #f36f60 is composed of 95.3% red, 43.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 60.5% yellow and 4.7% black. It has a hue angle of 6.1 degrees, a saturation of 86% and a lightness of 66.5%. #f36f60 color hex could be obtained by blending #ffdec0 with #e70000. Closest websafe color is: #ff6666.
-
- R 95
- G 44
- B 38
-
- C 0
- M 54
- Y 60
- K 5
● #f36f60 color description : Soft red.
#f36f60 Color Conversion
The hexadecimal color #f36f60 has RGB values of R:243, G:111, B:96 and CMYK values of C:0, M:0.54, Y:0.6, K:0.05. Its decimal value is 15953760.
Hex triplet | f36f60 | #f36f60 |
---|---|---|
RGB Decimal | 243, 111, 96 | rgb(243,111,96) |
RGB Percent | 95.3, 43.5, 37.6 | rgb(95.3%,43.5%,37.6%) |
CMYK | 0, 54, 60, 5 | |
HSL | 6.1°, 86, 66.5 | hsl(6.1,86%,66.5%) |
HSV (or HSB) | 6.1°, 60.5, 95.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.737, 49.619, 33.049 |
---|---|
XYZ | 44.759, 31.272, 14.745 |
xyY | 0.493, 0.344, 31.272 |
CIE-LCH | 62.737, 59.618, 33.665 |
CIE-LUV | 62.737, 100.292, 29.348 |
Hunter-Lab | 55.922, 45.007, 23.512 |
Binary | 11110011, 01101111, 01100000 |
Color Schemes with #f36f60
Alternatives to #f36f60
Below, you can see some colors close to #f36f60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f36f60 Preview
This text has a font color of #f36f60.
<span style="color:#f36f60;">Text here</span>
This paragraph has a background color of #f36f60.
<p style="background-color:#f36f60;">Content here</p>
This element has a border color of #f36f60.
<div style="border:1px solid #f36f60;">Content here</div>
.text {color:#f36f60;}
.background {background-color:#f36f60;}
.border {border:1px solid #f36f60;}
Shades and Tints of #f36f60
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, #050100 is the darkest color, while #fef3f2 is the lightest one.
-
#050100
#050100
rgb(5,1,0)
-
#170402
#170402
rgb(23,4,2)
-
#2a0703
#2a0703
rgb(42,7,3)
-
#3c0a05
#3c0a05
rgb(60,10,5)
-
#4e0d06
#4e0d06
rgb(78,13,6)
-
#601007
#601007
rgb(96,16,7)
-
#731309
#731309
rgb(115,19,9)
-
#85170a
#85170a
rgb(133,23,10)
-
#971a0b
#971a0b
rgb(151,26,11)
-
#a91d0d
#a91d0d
rgb(169,29,13)
-
#bc200e
#bc200e
rgb(188,32,14)
-
#ce2310
#ce2310
rgb(206,35,16)
-
#e02611
#e02611
rgb(224,38,17)
-
#ed2d17
#ed2d17
rgb(237,45,23)
-
#ef3d29
#ef3d29
rgb(239,61,41)
-
#f04e3c
#f04e3c
rgb(240,78,60)
-
#f25e4e
#f25e4e
rgb(242,94,78)
-
#f36f60
#f36f60
rgb(243,111,96)
-
#f48072
#f48072
rgb(244,128,114)
-
#f69084
#f69084
rgb(246,144,132)
-
#f7a197
#f7a197
rgb(247,161,151)
-
#f9b1a9
#f9b1a9
rgb(249,177,169)
-
#fac2bb
#fac2bb
rgb(250,194,187)
-
#fbd2cd
#fbd2cd
rgb(251,210,205)
-
#fde3e0
#fde3e0
rgb(253,227,224)
-
#fef3f2
#fef3f2
rgb(254,243,242)
Tones of #f36f60
A tone is produced by adding gray to any pure hue. In this case, #aba9a8 is the less saturated color, while #fa6a59 is the most saturated one.
-
#aba9a8
#aba9a8
rgb(171,169,168)
-
#b1a3a2
#b1a3a2
rgb(177,163,162)
-
#b89e9b
#b89e9b
rgb(184,158,155)
-
#be9995
#be9995
rgb(190,153,149)
-
#c5948e
#c5948e
rgb(197,148,142)
-
#cc8e87
#cc8e87
rgb(204,142,135)
-
#d28981
#d28981
rgb(210,137,129)
-
#d9847a
#d9847a
rgb(217,132,122)
-
#df7f74
#df7f74
rgb(223,127,116)
-
#e6796d
#e6796d
rgb(230,121,109)
-
#ec7467
#ec7467
rgb(236,116,103)
-
#f36f60
#f36f60
rgb(243,111,96)
-
#fa6a59
#fa6a59
rgb(250,106,89)
Color Blindness Simulator
Below, you can see how #f36f60 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.