#f18057 Color Information
In a RGB color space, hex #f18057 is composed of 94.5% red, 50.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.9% magenta, 63.9% yellow and 5.5% black. It has a hue angle of 16 degrees, a saturation of 84.6% and a lightness of 64.3%. #f18057 color hex could be obtained by blending #ffffae with #e30100. Closest websafe color is: #ff9966.
-
- R 95
- G 50
- B 34
-
- C 0
- M 47
- Y 64
- K 5
● #f18057 color description : Soft orange.
#f18057 Color Conversion
The hexadecimal color #f18057 has RGB values of R:241, G:128, B:87 and CMYK values of C:0, M:0.47, Y:0.64, K:0.05. Its decimal value is 15827031.
Hex triplet | f18057 | #f18057 |
---|---|---|
RGB Decimal | 241, 128, 87 | rgb(241,128,87) |
RGB Percent | 94.5, 50.2, 34.1 | rgb(94.5%,50.2%,34.1%) |
CMYK | 0, 47, 64, 5 | |
HSL | 16°, 84.6, 64.3 | hsl(16,84.6%,64.3%) |
HSV (or HSB) | 16°, 63.9, 94.5 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 65.617, 39.958, 41.406 |
---|---|
XYZ | 45.716, 34.831, 13.332 |
xyY | 0.487, 0.371, 34.831 |
CIE-LCH | 65.617, 57.542, 46.02 |
CIE-LUV | 65.617, 87.723, 40.181 |
Hunter-Lab | 59.018, 34.988, 27.919 |
Binary | 11110001, 10000000, 01010111 |
Color Schemes with #f18057
Alternatives to #f18057
Below, you can see some colors close to #f18057. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f18057 Preview
This text has a font color of #f18057.
<span style="color:#f18057;">Text here</span>
This paragraph has a background color of #f18057.
<p style="background-color:#f18057;">Content here</p>
This element has a border color of #f18057.
<div style="border:1px solid #f18057;">Content here</div>
.text {color:#f18057;}
.background {background-color:#f18057;}
.border {border:1px solid #f18057;}
Shades and Tints of #f18057
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, #0d0401 is the darkest color, while #fffbfa is the lightest one.
-
#0d0401
#0d0401
rgb(13,4,1)
-
#1f0a03
#1f0a03
rgb(31,10,3)
-
#311004
#311004
rgb(49,16,4)
-
#431606
#431606
rgb(67,22,6)
-
#551c07
#551c07
rgb(85,28,7)
-
#682209
#682209
rgb(104,34,9)
-
#7a280a
#7a280a
rgb(122,40,10)
-
#8c2e0c
#8c2e0c
rgb(140,46,12)
-
#9e340d
#9e340d
rgb(158,52,13)
-
#b03a0f
#b03a0f
rgb(176,58,15)
-
#c24010
#c24010
rgb(194,64,16)
-
#d44512
#d44512
rgb(212,69,18)
-
#e64b13
#e64b13
rgb(230,75,19)
-
#ec5721
#ec5721
rgb(236,87,33)
-
#ee6533
#ee6533
rgb(238,101,51)
-
#ef7245
#ef7245
rgb(239,114,69)
-
#f18057
#f18057
rgb(241,128,87)
-
#f38e69
#f38e69
rgb(243,142,105)
-
#f49b7b
#f49b7b
rgb(244,155,123)
-
#f6a98d
#f6a98d
rgb(246,169,141)
-
#f7b79f
#f7b79f
rgb(247,183,159)
-
#f9c4b2
#f9c4b2
rgb(249,196,178)
-
#fad2c4
#fad2c4
rgb(250,210,196)
-
#fce0d6
#fce0d6
rgb(252,224,214)
-
#fdeee8
#fdeee8
rgb(253,238,232)
-
#fffbfa
#fffbfa
rgb(255,251,250)
Tones of #f18057
A tone is produced by adding gray to any pure hue. In this case, #aba19d is the less saturated color, while #ff7949 is the most saturated one.
-
#aba19d
#aba19d
rgb(171,161,157)
-
#b29d96
#b29d96
rgb(178,157,150)
-
#b99a8f
#b99a8f
rgb(185,154,143)
-
#c09788
#c09788
rgb(192,151,136)
-
#c79481
#c79481
rgb(199,148,129)
-
#ce907a
#ce907a
rgb(206,144,122)
-
#d58d73
#d58d73
rgb(213,141,115)
-
#dc8a6c
#dc8a6c
rgb(220,138,108)
-
#e38765
#e38765
rgb(227,135,101)
-
#ea835e
#ea835e
rgb(234,131,94)
-
#f18057
#f18057
rgb(241,128,87)
-
#f87d50
#f87d50
rgb(248,125,80)
-
#ff7949
#ff7949
rgb(255,121,73)
Color Blindness Simulator
Below, you can see how #f18057 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.