#f27057 Color Information
In a RGB color space, hex #f27057 is composed of 94.9% red, 43.9% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.7% magenta, 64% yellow and 5.1% black. It has a hue angle of 9.7 degrees, a saturation of 85.6% and a lightness of 64.5%. #f27057 color hex could be obtained by blending #ffe0ae with #e50000. Closest websafe color is: #ff6666.
-
- R 95
- G 44
- B 34
-
- C 0
- M 54
- Y 64
- K 5
● #f27057 color description : Soft red.
#f27057 Color Conversion
The hexadecimal color #f27057 has RGB values of R:242, G:112, B:87 and CMYK values of C:0, M:0.54, Y:0.64, K:0.05. Its decimal value is 15888471.
Hex triplet | f27057 | #f27057 |
---|---|---|
RGB Decimal | 242, 112, 87 | rgb(242,112,87) |
RGB Percent | 94.9, 43.9, 34.1 | rgb(94.9%,43.9%,34.1%) |
CMYK | 0, 54, 64, 5 | |
HSL | 9.7°, 85.6, 64.5 | hsl(9.7,85.6%,64.5%) |
HSV (or HSB) | 9.7°, 64, 94.9 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.641, 48.213, 37.852 |
---|---|
XYZ | 44.134, 31.158, 12.706 |
xyY | 0.502, 0.354, 31.158 |
CIE-LCH | 62.641, 61.297, 38.136 |
CIE-LUV | 62.641, 100.452, 34.097 |
Hunter-Lab | 55.819, 43.449, 25.577 |
Binary | 11110010, 01110000, 01010111 |
Color Schemes with #f27057
Alternatives to #f27057
Below, you can see some colors close to #f27057. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f27057 Preview
This text has a font color of #f27057.
<span style="color:#f27057;">Text here</span>
This paragraph has a background color of #f27057.
<p style="background-color:#f27057;">Content here</p>
This element has a border color of #f27057.
<div style="border:1px solid #f27057;">Content here</div>
.text {color:#f27057;}
.background {background-color:#f27057;}
.border {border:1px solid #f27057;}
Shades and Tints of #f27057
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, #0e0301 is the darkest color, while #fffbfb is the lightest one.
-
#0e0301
#0e0301
rgb(14,3,1)
-
#200702
#200702
rgb(32,7,2)
-
#320b04
#320b04
rgb(50,11,4)
-
#451005
#451005
rgb(69,16,5)
-
#571407
#571407
rgb(87,20,7)
-
#691808
#691808
rgb(105,24,8)
-
#7b1c0a
#7b1c0a
rgb(123,28,10)
-
#8e200b
#8e200b
rgb(142,32,11)
-
#a0240c
#a0240c
rgb(160,36,12)
-
#b2280e
#b2280e
rgb(178,40,14)
-
#c42c0f
#c42c0f
rgb(196,44,15)
-
#d63011
#d63011
rgb(214,48,17)
-
#e93512
#e93512
rgb(233,53,18)
-
#ee4220
#ee4220
rgb(238,66,32)
-
#ef5133
#ef5133
rgb(239,81,51)
-
#f16145
#f16145
rgb(241,97,69)
-
#f27057
#f27057
rgb(242,112,87)
-
#f37f69
#f37f69
rgb(243,127,105)
-
#f58f7b
#f58f7b
rgb(245,143,123)
-
#f69e8e
#f69e8e
rgb(246,158,142)
-
#f8aea0
#f8aea0
rgb(248,174,160)
-
#f9bdb2
#f9bdb2
rgb(249,189,178)
-
#facdc4
#facdc4
rgb(250,205,196)
-
#fcdcd6
#fcdcd6
rgb(252,220,214)
-
#fdece9
#fdece9
rgb(253,236,233)
-
#fffbfb
#fffbfb
rgb(255,251,251)
Tones of #f27057
A tone is produced by adding gray to any pure hue. In this case, #a5a4a4 is the less saturated color, while #f96b50 is the most saturated one.
-
#a5a4a4
#a5a4a4
rgb(165,164,164)
-
#ac9f9d
#ac9f9d
rgb(172,159,157)
-
#b39a96
#b39a96
rgb(179,154,150)
-
#ba968f
#ba968f
rgb(186,150,143)
-
#c19188
#c19188
rgb(193,145,136)
-
#c88c81
#c88c81
rgb(200,140,129)
-
#cf887a
#cf887a
rgb(207,136,122)
-
#d68373
#d68373
rgb(214,131,115)
-
#dd7e6c
#dd7e6c
rgb(221,126,108)
-
#e47965
#e47965
rgb(228,121,101)
-
#eb755e
#eb755e
rgb(235,117,94)
-
#f27057
#f27057
rgb(242,112,87)
-
#f96b50
#f96b50
rgb(249,107,80)
Color Blindness Simulator
Below, you can see how #f27057 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.