#f36f61 Color Information
In a RGB color space, hex #f36f61 is composed of 95.3% red, 43.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 60.1% yellow and 4.7% black. It has a hue angle of 5.8 degrees, a saturation of 85.9% and a lightness of 66.7%. #f36f61 color hex could be obtained by blending #ffdec2 with #e70000. Closest websafe color is: #ff6666.
-
- R 95
- G 44
- B 38
-
- C 0
- M 54
- Y 60
- K 5
● #f36f61 color description : Soft red.
#f36f61 Color Conversion
The hexadecimal color #f36f61 has RGB values of R:243, G:111, B:97 and CMYK values of C:0, M:0.54, Y:0.6, K:0.05. Its decimal value is 15953761.
Hex triplet | f36f61 | #f36f61 |
---|---|---|
RGB Decimal | 243, 111, 97 | rgb(243,111,97) |
RGB Percent | 95.3, 43.5, 38 | rgb(95.3%,43.5%,38%) |
CMYK | 0, 54, 60, 5 | |
HSL | 5.8°, 85.9, 66.7 | hsl(5.8,85.9%,66.7%) |
HSV (or HSB) | 5.8°, 60.1, 95.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.752, 49.686, 32.512 |
---|---|
XYZ | 44.806, 31.291, 14.989 |
xyY | 0.492, 0.344, 31.291 |
CIE-LCH | 62.752, 59.378, 33.198 |
CIE-LUV | 62.752, 100.093, 28.822 |
Hunter-Lab | 55.938, 45.084, 23.27 |
Binary | 11110011, 01101111, 01100001 |
Color Schemes with #f36f61
Alternatives to #f36f61
Below, you can see some colors close to #f36f61. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f36f61 Preview
This text has a font color of #f36f61.
<span style="color:#f36f61;">Text here</span>
This paragraph has a background color of #f36f61.
<p style="background-color:#f36f61;">Content here</p>
This element has a border color of #f36f61.
<div style="border:1px solid #f36f61;">Content here</div>
.text {color:#f36f61;}
.background {background-color:#f36f61;}
.border {border:1px solid #f36f61;}
Shades and Tints of #f36f61
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, #060100 is the darkest color, while #fef4f3 is the lightest one.
-
#060100
#060100
rgb(6,1,0)
-
#180402
#180402
rgb(24,4,2)
-
#2b0703
#2b0703
rgb(43,7,3)
-
#3d0a05
#3d0a05
rgb(61,10,5)
-
#4f0d06
#4f0d06
rgb(79,13,6)
-
#611007
#611007
rgb(97,16,7)
-
#731309
#731309
rgb(115,19,9)
-
#86160a
#86160a
rgb(134,22,10)
-
#98190c
#98190c
rgb(152,25,12)
-
#aa1c0d
#aa1c0d
rgb(170,28,13)
-
#bc1f0e
#bc1f0e
rgb(188,31,14)
-
#cf2210
#cf2210
rgb(207,34,16)
-
#e12511
#e12511
rgb(225,37,17)
-
#ed2d18
#ed2d18
rgb(237,45,24)
-
#ef3d2a
#ef3d2a
rgb(239,61,42)
-
#f04e3d
#f04e3d
rgb(240,78,61)
-
#f25e4f
#f25e4f
rgb(242,94,79)
-
#f36f61
#f36f61
rgb(243,111,97)
-
#f48073
#f48073
rgb(244,128,115)
-
#f69085
#f69085
rgb(246,144,133)
-
#f7a198
#f7a198
rgb(247,161,152)
-
#f9b1aa
#f9b1aa
rgb(249,177,170)
-
#fac2bc
#fac2bc
rgb(250,194,188)
-
#fbd3ce
#fbd3ce
rgb(251,211,206)
-
#fde3e1
#fde3e1
rgb(253,227,225)
-
#fef4f3
#fef4f3
rgb(254,244,243)
Tones of #f36f61
A tone is produced by adding gray to any pure hue. In this case, #aba9a9 is the less saturated color, while #fa6a5a is the most saturated one.
-
#aba9a9
#aba9a9
rgb(171,169,169)
-
#b2a4a2
#b2a4a2
rgb(178,164,162)
-
#b89f9c
#b89f9c
rgb(184,159,156)
-
#bf9995
#bf9995
rgb(191,153,149)
-
#c5948f
#c5948f
rgb(197,148,143)
-
#cc8f88
#cc8f88
rgb(204,143,136)
-
#d28982
#d28982
rgb(210,137,130)
-
#d9847b
#d9847b
rgb(217,132,123)
-
#df7f75
#df7f75
rgb(223,127,117)
-
#e67a6e
#e67a6e
rgb(230,122,110)
-
#ec7468
#ec7468
rgb(236,116,104)
-
#f36f61
#f36f61
rgb(243,111,97)
-
#fa6a5a
#fa6a5a
rgb(250,106,90)
Color Blindness Simulator
Below, you can see how #f36f61 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.