#f18f54 Color Information
In a RGB color space, hex #f18f54 is composed of 94.5% red, 56.1% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.7% magenta, 65.1% yellow and 5.5% black. It has a hue angle of 22.5 degrees, a saturation of 84.9% and a lightness of 63.7%. #f18f54 color hex could be obtained by blending #ffffa8 with #e31f00. Closest websafe color is: #ff9966.
-
- R 95
- G 56
- B 33
-
- C 0
- M 41
- Y 65
- K 5
● #f18f54 color description : Soft orange.
#f18f54 Color Conversion
The hexadecimal color #f18f54 has RGB values of R:241, G:143, B:84 and CMYK values of C:0, M:0.41, Y:0.65, K:0.05. Its decimal value is 15830868.
Hex triplet | f18f54 | #f18f54 |
---|---|---|
RGB Decimal | 241, 143, 84 | rgb(241,143,84) |
RGB Percent | 94.5, 56.1, 32.9 | rgb(94.5%,56.1%,32.9%) |
CMYK | 0, 41, 65, 5 | |
HSL | 22.5°, 84.9, 63.7 | hsl(22.5,84.9%,63.7%) |
HSV (or HSB) | 22.5°, 65.1, 94.5 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 68.744, 32.065, 46.626 |
---|---|
XYZ | 47.7, 38.989, 13.401 |
xyY | 0.477, 0.39, 38.989 |
CIE-LCH | 68.744, 56.588, 55.483 |
CIE-LUV | 68.744, 76.652, 47.603 |
Hunter-Lab | 62.442, 27.085, 30.985 |
Binary | 11110001, 10001111, 01010100 |
Color Schemes with #f18f54
Alternatives to #f18f54
Below, you can see some colors close to #f18f54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f18f54 Preview
This text has a font color of #f18f54.
<span style="color:#f18f54;">Text here</span>
This paragraph has a background color of #f18f54.
<p style="background-color:#f18f54;">Content here</p>
This element has a border color of #f18f54.
<div style="border:1px solid #f18f54;">Content here</div>
.text {color:#f18f54;}
.background {background-color:#f18f54;}
.border {border:1px solid #f18f54;}
Shades and Tints of #f18f54
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, #0a0401 is the darkest color, while #fefaf7 is the lightest one.
-
#0a0401
#0a0401
rgb(10,4,1)
-
#1c0c02
#1c0c02
rgb(28,12,2)
-
#2f1404
#2f1404
rgb(47,20,4)
-
#411c05
#411c05
rgb(65,28,5)
-
#532307
#532307
rgb(83,35,7)
-
#652b08
#652b08
rgb(101,43,8)
-
#77330a
#77330a
rgb(119,51,10)
-
#893b0b
#893b0b
rgb(137,59,11)
-
#9b420d
#9b420d
rgb(155,66,13)
-
#ad4a0e
#ad4a0e
rgb(173,74,14)
-
#c05210
#c05210
rgb(192,82,16)
-
#d25a11
#d25a11
rgb(210,90,17)
-
#e46113
#e46113
rgb(228,97,19)
-
#ed6b1e
#ed6b1e
rgb(237,107,30)
-
#ee7730
#ee7730
rgb(238,119,48)
-
#f08342
#f08342
rgb(240,131,66)
-
#f18f54
#f18f54
rgb(241,143,84)
-
#f29b66
#f29b66
rgb(242,155,102)
-
#f4a778
#f4a778
rgb(244,167,120)
-
#f5b38a
#f5b38a
rgb(245,179,138)
-
#f7bf9d
#f7bf9d
rgb(247,191,157)
-
#f8caaf
#f8caaf
rgb(248,202,175)
-
#fad6c1
#fad6c1
rgb(250,214,193)
-
#fbe2d3
#fbe2d3
rgb(251,226,211)
-
#fdeee5
#fdeee5
rgb(253,238,229)
-
#fefaf7
#fefaf7
rgb(254,250,247)
Tones of #f18f54
A tone is produced by adding gray to any pure hue. In this case, #a3a2a2 is the less saturated color, while #f88d4d is the most saturated one.
-
#a3a2a2
#a3a2a2
rgb(163,162,162)
-
#aaa19b
#aaa19b
rgb(170,161,155)
-
#b19f94
#b19f94
rgb(177,159,148)
-
#b89d8d
#b89d8d
rgb(184,157,141)
-
#bf9b86
#bf9b86
rgb(191,155,134)
-
#c69a7f
#c69a7f
rgb(198,154,127)
-
#cd9878
#cd9878
rgb(205,152,120)
-
#d59670
#d59670
rgb(213,150,112)
-
#dc9469
#dc9469
rgb(220,148,105)
-
#e39362
#e39362
rgb(227,147,98)
-
#ea915b
#ea915b
rgb(234,145,91)
-
#f18f54
#f18f54
rgb(241,143,84)
-
#f88d4d
#f88d4d
rgb(248,141,77)
Color Blindness Simulator
Below, you can see how #f18f54 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.