#f16f59 Color Information
In a RGB color space, hex #f16f59 is composed of 94.5% red, 43.5% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.9% magenta, 63.1% yellow and 5.5% black. It has a hue angle of 8.7 degrees, a saturation of 84.4% and a lightness of 64.7%. #f16f59 color hex could be obtained by blending #ffdeb2 with #e30000. Closest websafe color is: #ff6666.
-
- R 95
- G 44
- B 35
-
- C 0
- M 54
- Y 63
- K 5
● #f16f59 color description : Soft red.
#f16f59 Color Conversion
The hexadecimal color #f16f59 has RGB values of R:241, G:111, B:89 and CMYK values of C:0, M:0.54, Y:0.63, K:0.05. Its decimal value is 15822681.
Hex triplet | f16f59 | #f16f59 |
---|---|---|
RGB Decimal | 241, 111, 89 | rgb(241,111,89) |
RGB Percent | 94.5, 43.5, 34.9 | rgb(94.5%,43.5%,34.9%) |
CMYK | 0, 54, 63, 5 | |
HSL | 8.7°, 84.4, 64.7 | hsl(8.7,84.4%,64.7%) |
HSV (or HSB) | 8.7°, 63.1, 94.5 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.334, 48.451, 36.35 |
---|---|
XYZ | 43.765, 30.795, 13.09 |
xyY | 0.499, 0.351, 30.795 |
CIE-LCH | 62.334, 60.571, 36.879 |
CIE-LUV | 62.334, 99.99, 32.61 |
Hunter-Lab | 55.493, 43.66, 24.86 |
Binary | 11110001, 01101111, 01011001 |
Color Schemes with #f16f59
Alternatives to #f16f59
Below, you can see some colors close to #f16f59. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f16f59 Preview
This text has a font color of #f16f59.
<span style="color:#f16f59;">Text here</span>
This paragraph has a background color of #f16f59.
<p style="background-color:#f16f59;">Content here</p>
This element has a border color of #f16f59.
<div style="border:1px solid #f16f59;">Content here</div>
.text {color:#f16f59;}
.background {background-color:#f16f59;}
.border {border:1px solid #f16f59;}
Shades and Tints of #f16f59
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, #0f0301 is the darkest color, while #fffcfc is the lightest one.
-
#0f0301
#0f0301
rgb(15,3,1)
-
#210703
#210703
rgb(33,7,3)
-
#330b04
#330b04
rgb(51,11,4)
-
#450f06
#450f06
rgb(69,15,6)
-
#571307
#571307
rgb(87,19,7)
-
#691709
#691709
rgb(105,23,9)
-
#7b1b0a
#7b1b0a
rgb(123,27,10)
-
#8e1f0c
#8e1f0c
rgb(142,31,12)
-
#a0230d
#a0230d
rgb(160,35,13)
-
#b2270f
#b2270f
rgb(178,39,15)
-
#c42a11
#c42a11
rgb(196,42,17)
-
#d62e12
#d62e12
rgb(214,46,18)
-
#e83214
#e83214
rgb(232,50,20)
-
#ec4023
#ec4023
rgb(236,64,35)
-
#ee5035
#ee5035
rgb(238,80,53)
-
#ef5f47
#ef5f47
rgb(239,95,71)
-
#f16f59
#f16f59
rgb(241,111,89)
-
#f37f6b
#f37f6b
rgb(243,127,107)
-
#f48e7d
#f48e7d
rgb(244,142,125)
-
#f69e8f
#f69e8f
rgb(246,158,143)
-
#f7aea1
#f7aea1
rgb(247,174,161)
-
#f9bdb3
#f9bdb3
rgb(249,189,179)
-
#facdc6
#facdc6
rgb(250,205,198)
-
#fcddd8
#fcddd8
rgb(252,221,216)
-
#fdedea
#fdedea
rgb(253,237,234)
-
#fffcfc
#fffcfc
rgb(255,252,252)
Tones of #f16f59
A tone is produced by adding gray to any pure hue. In this case, #aca09e is the less saturated color, while #ff654b is the most saturated one.
-
#aca09e
#aca09e
rgb(172,160,158)
-
#b39b97
#b39b97
rgb(179,155,151)
-
#ba9690
#ba9690
rgb(186,150,144)
-
#c19189
#c19189
rgb(193,145,137)
-
#c78d83
#c78d83
rgb(199,141,131)
-
#ce887c
#ce887c
rgb(206,136,124)
-
#d58375
#d58375
rgb(213,131,117)
-
#dc7e6e
#dc7e6e
rgb(220,126,110)
-
#e37967
#e37967
rgb(227,121,103)
-
#ea7460
#ea7460
rgb(234,116,96)
-
#f16f59
#f16f59
rgb(241,111,89)
-
#f86a52
#f86a52
rgb(248,106,82)
-
#ff654b
#ff654b
rgb(255,101,75)
Color Blindness Simulator
Below, you can see how #f16f59 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.