#f9c86c Color Information
In a RGB color space, hex #f9c86c is composed of 97.6% red, 78.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 56.6% yellow and 2.4% black. It has a hue angle of 39.1 degrees, a saturation of 92.2% and a lightness of 70%. #f9c86c color hex could be obtained by blending #ffffd8 with #f39100. Closest websafe color is: #ffcc66.
-
- R 98
- G 78
- B 42
-
- C 0
- M 20
- Y 57
- K 2
● #f9c86c color description : Soft orange.
#f9c86c Color Conversion
The hexadecimal color #f9c86c has RGB values of R:249, G:200, B:108 and CMYK values of C:0, M:0.2, Y:0.57, K:0.02. Its decimal value is 16369772.
Hex triplet | f9c86c | #f9c86c |
---|---|---|
RGB Decimal | 249, 200, 108 | rgb(249,200,108) |
RGB Percent | 97.6, 78.4, 42.4 | rgb(97.6%,78.4%,42.4%) |
CMYK | 0, 20, 57, 2 | |
HSL | 39.1°, 92.2, 70 | hsl(39.1,92.2%,70%) |
HSV (or HSB) | 39.1°, 56.6, 97.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 83.196, 7.058, 51.971 |
---|---|
XYZ | 62.428, 62.534, 22.969 |
xyY | 0.422, 0.423, 62.534 |
CIE-LCH | 83.196, 52.448, 82.267 |
CIE-LUV | 83.196, 38.592, 62.701 |
Hunter-Lab | 79.078, 2.53, 38.134 |
Binary | 11111001, 11001000, 01101100 |
Color Schemes with #f9c86c
Alternatives to #f9c86c
Below, you can see some colors close to #f9c86c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f9c86c Preview
This text has a font color of #f9c86c.
<span style="color:#f9c86c;">Text here</span>
This paragraph has a background color of #f9c86c.
<p style="background-color:#f9c86c;">Content here</p>
This element has a border color of #f9c86c.
<div style="border:1px solid #f9c86c;">Content here</div>
.text {color:#f9c86c;}
.background {background-color:#f9c86c;}
.border {border:1px solid #f9c86c;}
Shades and Tints of #f9c86c
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, #040300 is the darkest color, while #fef9f0 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#170f01
#170f01
rgb(23,15,1)
-
#291c02
#291c02
rgb(41,28,2)
-
#3c2802
#3c2802
rgb(60,40,2)
-
#4f3503
#4f3503
rgb(79,53,3)
-
#624104
#624104
rgb(98,65,4)
-
#754e05
#754e05
rgb(117,78,5)
-
#885a06
#885a06
rgb(136,90,6)
-
#9b6706
#9b6706
rgb(155,103,6)
-
#ad7407
#ad7407
rgb(173,116,7)
-
#c08008
#c08008
rgb(192,128,8)
-
#d38d09
#d38d09
rgb(211,141,9)
-
#e69909
#e69909
rgb(230,153,9)
-
#f5a50e
#f5a50e
rgb(245,165,14)
-
#f6ac21
#f6ac21
rgb(246,172,33)
-
#f7b333
#f7b333
rgb(247,179,51)
-
#f7ba46
#f7ba46
rgb(247,186,70)
-
#f8c159
#f8c159
rgb(248,193,89)
-
#f9c86c
#f9c86c
rgb(249,200,108)
-
#facf7f
#facf7f
rgb(250,207,127)
-
#fbd692
#fbd692
rgb(251,214,146)
-
#fbdda5
#fbdda5
rgb(251,221,165)
-
#fce4b7
#fce4b7
rgb(252,228,183)
-
#fdebca
#fdebca
rgb(253,235,202)
-
#fef2dd
#fef2dd
rgb(254,242,221)
-
#fef9f0
#fef9f0
rgb(254,249,240)
Tones of #f9c86c
A tone is produced by adding gray to any pure hue. In this case, #b8b4ad is the less saturated color, while #ffca66 is the most saturated one.
-
#b8b4ad
#b8b4ad
rgb(184,180,173)
-
#beb6a7
#beb6a7
rgb(190,182,167)
-
#c4b8a1
#c4b8a1
rgb(196,184,161)
-
#caba9b
#caba9b
rgb(202,186,155)
-
#d0bb95
#d0bb95
rgb(208,187,149)
-
#d6bd8f
#d6bd8f
rgb(214,189,143)
-
#dcbf89
#dcbf89
rgb(220,191,137)
-
#e1c184
#e1c184
rgb(225,193,132)
-
#e7c37e
#e7c37e
rgb(231,195,126)
-
#edc478
#edc478
rgb(237,196,120)
-
#f3c672
#f3c672
rgb(243,198,114)
-
#f9c86c
#f9c86c
rgb(249,200,108)
-
#ffca66
#ffca66
rgb(255,202,102)
Color Blindness Simulator
Below, you can see how #f9c86c 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.