#f36a86 Color Information
In a RGB color space, hex #f36a86 is composed of 95.3% red, 41.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.4% magenta, 44.9% yellow and 4.7% black. It has a hue angle of 347.7 degrees, a saturation of 85.1% and a lightness of 68.4%. #f36a86 color hex could be obtained by blending #ffd4ff with #e7000d. Closest websafe color is: #ff6699.
-
- R 95
- G 42
- B 53
-
- C 0
- M 56
- Y 45
- K 5
● #f36a86 color description : Soft red.
#f36a86 Color Conversion
The hexadecimal color #f36a86 has RGB values of R:243, G:106, B:134 and CMYK values of C:0, M:0.56, Y:0.45, K:0.05. Its decimal value is 15952518.
Hex triplet | f36a86 | #f36a86 |
---|---|---|
RGB Decimal | 243, 106, 134 | rgb(243,106,134) |
RGB Percent | 95.3, 41.6, 52.5 | rgb(95.3%,41.6%,52.5%) |
CMYK | 0, 56, 45, 5 | |
HSL | 347.7°, 85.1, 68.4 | hsl(347.7,85.1%,68.4%) |
HSV (or HSB) | 347.7°, 56.4, 95.3 | |
Web Safe | ff6699 | #ff6699 |
CIE-LAB | 62.582, 55.04, 11.233 |
---|---|
XYZ | 46.42, 31.088, 26.109 |
xyY | 0.448, 0.3, 31.088 |
CIE-LCH | 62.582, 56.175, 11.535 |
CIE-LUV | 62.582, 94.622, 4.093 |
Hunter-Lab | 55.757, 51.036, 11.266 |
Binary | 11110011, 01101010, 10000110 |
Color Schemes with #f36a86
Alternatives to #f36a86
Below, you can see some colors close to #f36a86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f36a86 Preview
This text has a font color of #f36a86.
<span style="color:#f36a86;">Text here</span>
This paragraph has a background color of #f36a86.
<p style="background-color:#f36a86;">Content here</p>
This element has a border color of #f36a86.
<div style="border:1px solid #f36a86;">Content here</div>
.text {color:#f36a86;}
.background {background-color:#f36a86;}
.border {border:1px solid #f36a86;}
Shades and Tints of #f36a86
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, #0e0104 is the darkest color, while #fffbfc is the lightest one.
-
#0e0104
#0e0104
rgb(14,1,4)
-
#210309
#210309
rgb(33,3,9)
-
#33040e
#33040e
rgb(51,4,14)
-
#450612
#450612
rgb(69,6,18)
-
#570717
#570717
rgb(87,7,23)
-
#69081c
#69081c
rgb(105,8,28)
-
#7b0a21
#7b0a21
rgb(123,10,33)
-
#8d0b26
#8d0b26
rgb(141,11,38)
-
#a00d2b
#a00d2b
rgb(160,13,43)
-
#b20e30
#b20e30
rgb(178,14,48)
-
#c41035
#c41035
rgb(196,16,53)
-
#d61139
#d61139
rgb(214,17,57)
-
#e8133e
#e8133e
rgb(232,19,62)
-
#ed214b
#ed214b
rgb(237,33,75)
-
#ef345a
#ef345a
rgb(239,52,90)
-
#f04669
#f04669
rgb(240,70,105)
-
#f25877
#f25877
rgb(242,88,119)
-
#f36a86
#f36a86
rgb(243,106,134)
-
#f47c95
#f47c95
rgb(244,124,149)
-
#f68ea3
#f68ea3
rgb(246,142,163)
-
#f7a0b2
#f7a0b2
rgb(247,160,178)
-
#f9b3c1
#f9b3c1
rgb(249,179,193)
-
#fac5d0
#fac5d0
rgb(250,197,208)
-
#fcd7de
#fcd7de
rgb(252,215,222)
-
#fde9ed
#fde9ed
rgb(253,233,237)
-
#fffbfc
#fffbfc
rgb(255,251,252)
Tones of #f36a86
A tone is produced by adding gray to any pure hue. In this case, #afaeae is the less saturated color, while #f96482 is the most saturated one.
-
#afaeae
#afaeae
rgb(175,174,174)
-
#b5a8ab
#b5a8ab
rgb(181,168,171)
-
#bba2a7
#bba2a7
rgb(187,162,167)
-
#c19ca3
#c19ca3
rgb(193,156,163)
-
#c895a0
#c895a0
rgb(200,149,160)
-
#ce8f9c
#ce8f9c
rgb(206,143,156)
-
#d48998
#d48998
rgb(212,137,152)
-
#da8395
#da8395
rgb(218,131,149)
-
#e07d91
#e07d91
rgb(224,125,145)
-
#e7768d
#e7768d
rgb(231,118,141)
-
#ed708a
#ed708a
rgb(237,112,138)
-
#f36a86
#f36a86
rgb(243,106,134)
-
#f96482
#f96482
rgb(249,100,130)
Color Blindness Simulator
Below, you can see how #f36a86 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.