#f06f59 Color Information
In a RGB color space, hex #f06f59 is composed of 94.1% red, 43.5% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.8% magenta, 62.9% yellow and 5.9% black. It has a hue angle of 8.7 degrees, a saturation of 83.4% and a lightness of 64.5%. #f06f59 color hex could be obtained by blending #ffdeb2 with #e10000. Closest websafe color is: #ff6666.
-
- R 94
- G 44
- B 35
-
- C 0
- M 54
- Y 63
- K 6
● #f06f59 color description : Soft red.
#f06f59 Color Conversion
The hexadecimal color #f06f59 has RGB values of R:240, G:111, B:89 and CMYK values of C:0, M:0.54, Y:0.63, K:0.06. Its decimal value is 15757145.
Hex triplet | f06f59 | #f06f59 |
---|---|---|
RGB Decimal | 240, 111, 89 | rgb(240,111,89) |
RGB Percent | 94.1, 43.5, 34.9 | rgb(94.1%,43.5%,34.9%) |
CMYK | 0, 54, 63, 6 | |
HSL | 8.7°, 83.4, 64.5 | hsl(8.7,83.4%,64.5%) |
HSV (or HSB) | 8.7°, 62.9, 94.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.185, 48.09, 36.133 |
---|---|
XYZ | 43.424, 30.619, 13.074 |
xyY | 0.498, 0.351, 30.619 |
CIE-LCH | 62.185, 60.152, 36.92 |
CIE-LUV | 62.185, 99.167, 32.468 |
Hunter-Lab | 55.335, 43.242, 24.726 |
Binary | 11110000, 01101111, 01011001 |
Color Schemes with #f06f59
Alternatives to #f06f59
Below, you can see some colors close to #f06f59. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f06f59 Preview
This text has a font color of #f06f59.
<span style="color:#f06f59;">Text here</span>
This paragraph has a background color of #f06f59.
<p style="background-color:#f06f59;">Content here</p>
This element has a border color of #f06f59.
<div style="border:1px solid #f06f59;">Content here</div>
.text {color:#f06f59;}
.background {background-color:#f06f59;}
.border {border:1px solid #f06f59;}
Shades and Tints of #f06f59
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)
-
#200703
#200703
rgb(32,7,3)
-
#320b05
#320b05
rgb(50,11,5)
-
#440f06
#440f06
rgb(68,15,6)
-
#561308
#561308
rgb(86,19,8)
-
#681709
#681709
rgb(104,23,9)
-
#7a1b0b
#7a1b0b
rgb(122,27,11)
-
#8c1f0d
#8c1f0d
rgb(140,31,13)
-
#9e230e
#9e230e
rgb(158,35,14)
-
#b02710
#b02710
rgb(176,39,16)
-
#c22b12
#c22b12
rgb(194,43,18)
-
#d42f13
#d42f13
rgb(212,47,19)
-
#e63315
#e63315
rgb(230,51,21)
-
#eb4023
#eb4023
rgb(235,64,35)
-
#ed5035
#ed5035
rgb(237,80,53)
-
#ee5f47
#ee5f47
rgb(238,95,71)
-
#f06f59
#f06f59
rgb(240,111,89)
-
#f27f6b
#f27f6b
rgb(242,127,107)
-
#f38e7d
#f38e7d
rgb(243,142,125)
-
#f59e8f
#f59e8f
rgb(245,158,143)
-
#f7ada1
#f7ada1
rgb(247,173,161)
-
#f8bdb3
#f8bdb3
rgb(248,189,179)
-
#facdc5
#facdc5
rgb(250,205,197)
-
#fbdcd7
#fbdcd7
rgb(251,220,215)
-
#fdece9
#fdece9
rgb(253,236,233)
-
#fffbfb
#fffbfb
rgb(255,251,251)
Tones of #f06f59
A tone is produced by adding gray to any pure hue. In this case, #aaa09f is the less saturated color, while #fe654b is the most saturated one.
-
#aaa09f
#aaa09f
rgb(170,160,159)
-
#b19b98
#b19b98
rgb(177,155,152)
-
#b89691
#b89691
rgb(184,150,145)
-
#bf928a
#bf928a
rgb(191,146,138)
-
#c68d83
#c68d83
rgb(198,141,131)
-
#cd887c
#cd887c
rgb(205,136,124)
-
#d48375
#d48375
rgb(212,131,117)
-
#db7e6e
#db7e6e
rgb(219,126,110)
-
#e27967
#e27967
rgb(226,121,103)
-
#e97460
#e97460
rgb(233,116,96)
-
#f06f59
#f06f59
rgb(240,111,89)
-
#f76a52
#f76a52
rgb(247,106,82)
-
#fe654b
#fe654b
rgb(254,101,75)
Color Blindness Simulator
Below, you can see how #f06f59 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.