#f27a55 Color Information
In a RGB color space, hex #f27a55 is composed of 94.9% red, 47.8% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.6% magenta, 64.9% yellow and 5.1% black. It has a hue angle of 14.1 degrees, a saturation of 85.8% and a lightness of 64.1%. #f27a55 color hex could be obtained by blending #fff4aa with #e50000. Closest websafe color is: #ff6666.
-
- R 95
- G 48
- B 33
-
- C 0
- M 50
- Y 65
- K 5
● #f27a55 color description : Soft red.
#f27a55 Color Conversion
The hexadecimal color #f27a55 has RGB values of R:242, G:122, B:85 and CMYK values of C:0, M:0.5, Y:0.65, K:0.05. Its decimal value is 15891029.
Hex triplet | f27a55 | #f27a55 |
---|---|---|
RGB Decimal | 242, 122, 85 | rgb(242,122,85) |
RGB Percent | 94.9, 47.8, 33.3 | rgb(94.9%,47.8%,33.3%) |
CMYK | 0, 50, 65, 5 | |
HSL | 14.1°, 85.8, 64.1 | hsl(14.1,85.8%,64.1%) |
HSV (or HSB) | 14.1°, 64.9, 94.9 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 64.529, 43.222, 41.2 |
---|---|
XYZ | 45.219, 33.456, 12.67 |
xyY | 0.495, 0.366, 33.456 |
CIE-LCH | 64.529, 59.712, 43.628 |
CIE-LUV | 64.529, 93.374, 38.849 |
Hunter-Lab | 57.841, 38.323, 27.501 |
Binary | 11110010, 01111010, 01010101 |
Color Schemes with #f27a55
Alternatives to #f27a55
Below, you can see some colors close to #f27a55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f27a55 Preview
This text has a font color of #f27a55.
<span style="color:#f27a55;">Text here</span>
This paragraph has a background color of #f27a55.
<p style="background-color:#f27a55;">Content here</p>
This element has a border color of #f27a55.
<div style="border:1px solid #f27a55;">Content here</div>
.text {color:#f27a55;}
.background {background-color:#f27a55;}
.border {border:1px solid #f27a55;}
Shades and Tints of #f27a55
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, #0c0401 is the darkest color, while #fffaf9 is the lightest one.
-
#0c0401
#0c0401
rgb(12,4,1)
-
#1e0902
#1e0902
rgb(30,9,2)
-
#310e04
#310e04
rgb(49,14,4)
-
#431405
#431405
rgb(67,20,5)
-
#551907
#551907
rgb(85,25,7)
-
#671e08
#671e08
rgb(103,30,8)
-
#7a2409
#7a2409
rgb(122,36,9)
-
#8c290b
#8c290b
rgb(140,41,11)
-
#9e2e0c
#9e2e0c
rgb(158,46,12)
-
#b0340d
#b0340d
rgb(176,52,13)
-
#c2390f
#c2390f
rgb(194,57,15)
-
#d53f10
#d53f10
rgb(213,63,16)
-
#e74412
#e74412
rgb(231,68,18)
-
#ee4f1e
#ee4f1e
rgb(238,79,30)
-
#ef5d31
#ef5d31
rgb(239,93,49)
-
#f16c43
#f16c43
rgb(241,108,67)
-
#f27a55
#f27a55
rgb(242,122,85)
-
#f38867
#f38867
rgb(243,136,103)
-
#f59779
#f59779
rgb(245,151,121)
-
#f6a58c
#f6a58c
rgb(246,165,140)
-
#f8b39e
#f8b39e
rgb(248,179,158)
-
#f9c1b0
#f9c1b0
rgb(249,193,176)
-
#fad0c2
#fad0c2
rgb(250,208,194)
-
#fcded5
#fcded5
rgb(252,222,213)
-
#fdece7
#fdece7
rgb(253,236,231)
-
#fffaf9
#fffaf9
rgb(255,250,249)
Tones of #f27a55
A tone is produced by adding gray to any pure hue. In this case, #a5a3a2 is the less saturated color, while #f9764e is the most saturated one.
-
#a5a3a2
#a5a3a2
rgb(165,163,162)
-
#ac9f9b
#ac9f9b
rgb(172,159,155)
-
#b39b94
#b39b94
rgb(179,155,148)
-
#ba988d
#ba988d
rgb(186,152,141)
-
#c19486
#c19486
rgb(193,148,134)
-
#c8907f
#c8907f
rgb(200,144,127)
-
#cf8d78
#cf8d78
rgb(207,141,120)
-
#d68971
#d68971
rgb(214,137,113)
-
#dd856a
#dd856a
rgb(221,133,106)
-
#e48163
#e48163
rgb(228,129,99)
-
#eb7e5c
#eb7e5c
rgb(235,126,92)
-
#f27a55
#f27a55
rgb(242,122,85)
-
#f9764e
#f9764e
rgb(249,118,78)
Color Blindness Simulator
Below, you can see how #f27a55 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.