#f78f60 Color Information
In a RGB color space, hex #f78f60 is composed of 96.9% red, 56.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.1% magenta, 61.1% yellow and 3.1% black. It has a hue angle of 18.7 degrees, a saturation of 90.4% and a lightness of 67.3%. #f78f60 color hex could be obtained by blending #ffffc0 with #ef1f00. Closest websafe color is: #ff9966.
-
- R 97
- G 56
- B 38
-
- C 0
- M 42
- Y 61
- K 3
● #f78f60 color description : Soft orange.
#f78f60 Color Conversion
The hexadecimal color #f78f60 has RGB values of R:247, G:143, B:96 and CMYK values of C:0, M:0.42, Y:0.61, K:0.03. Its decimal value is 16224096.
Hex triplet | f78f60 | #f78f60 |
---|---|---|
RGB Decimal | 247, 143, 96 | rgb(247,143,96) |
RGB Percent | 96.9, 56.1, 37.6 | rgb(96.9%,56.1%,37.6%) |
CMYK | 0, 42, 61, 3 | |
HSL | 18.7°, 90.4, 67.3 | hsl(18.7,90.4%,67.3%) |
HSV (or HSB) | 18.7°, 61.1, 96.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 69.66, 35.191, 41.734 |
---|---|
XYZ | 50.293, 40.267, 16.189 |
xyY | 0.471, 0.377, 40.267 |
CIE-LCH | 69.66, 54.591, 49.862 |
CIE-LUV | 69.66, 80.028, 42.808 |
Hunter-Lab | 63.457, 30.422, 29.293 |
Binary | 11110111, 10001111, 01100000 |
Color Schemes with #f78f60
Alternatives to #f78f60
Below, you can see some colors close to #f78f60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f78f60 Preview
This text has a font color of #f78f60.
<span style="color:#f78f60;">Text here</span>
This paragraph has a background color of #f78f60.
<p style="background-color:#f78f60;">Content here</p>
This element has a border color of #f78f60.
<div style="border:1px solid #f78f60;">Content here</div>
.text {color:#f78f60;}
.background {background-color:#f78f60;}
.border {border:1px solid #f78f60;}
Shades and Tints of #f78f60
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, #090300 is the darkest color, while #fff8f5 is the lightest one.
-
#090300
#090300
rgb(9,3,0)
-
#1c0a01
#1c0a01
rgb(28,10,1)
-
#2e1002
#2e1002
rgb(46,16,2)
-
#411703
#411703
rgb(65,23,3)
-
#541d04
#541d04
rgb(84,29,4)
-
#662305
#662305
rgb(102,35,5)
-
#792a06
#792a06
rgb(121,42,6)
-
#8c3007
#8c3007
rgb(140,48,7)
-
#9e3708
#9e3708
rgb(158,55,8)
-
#b13d09
#b13d09
rgb(177,61,9)
-
#c4440a
#c4440a
rgb(196,68,10)
-
#d74a0b
#d74a0b
rgb(215,74,11)
-
#e9510c
#e9510c
rgb(233,81,12)
-
#f35a15
#f35a15
rgb(243,90,21)
-
#f46828
#f46828
rgb(244,104,40)
-
#f5753b
#f5753b
rgb(245,117,59)
-
#f6824d
#f6824d
rgb(246,130,77)
-
#f78f60
#f78f60
rgb(247,143,96)
-
#f89c73
#f89c73
rgb(248,156,115)
-
#f9a985
#f9a985
rgb(249,169,133)
-
#fab698
#fab698
rgb(250,182,152)
-
#fbc4ab
#fbc4ab
rgb(251,196,171)
-
#fcd1bd
#fcd1bd
rgb(252,209,189)
-
#fdded0
#fdded0
rgb(253,222,208)
-
#feebe3
#feebe3
rgb(254,235,227)
-
#fff8f5
#fff8f5
rgb(255,248,245)
Tones of #f78f60
A tone is produced by adding gray to any pure hue. In this case, #b0aaa7 is the less saturated color, while #fd8d5a is the most saturated one.
-
#b0aaa7
#b0aaa7
rgb(176,170,167)
-
#b7a7a0
#b7a7a0
rgb(183,167,160)
-
#bda59a
#bda59a
rgb(189,165,154)
-
#c4a293
#c4a293
rgb(196,162,147)
-
#caa08d
#caa08d
rgb(202,160,141)
-
#d09e87
#d09e87
rgb(208,158,135)
-
#d79b80
#d79b80
rgb(215,155,128)
-
#dd997a
#dd997a
rgb(221,153,122)
-
#e49673
#e49673
rgb(228,150,115)
-
#ea946d
#ea946d
rgb(234,148,109)
-
#f19166
#f19166
rgb(241,145,102)
-
#f78f60
#f78f60
rgb(247,143,96)
-
#fd8d5a
#fd8d5a
rgb(253,141,90)
Color Blindness Simulator
Below, you can see how #f78f60 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.