#f8c366 Color Information
In a RGB color space, hex #f8c366 is composed of 97.3% red, 76.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.4% magenta, 58.9% yellow and 2.7% black. It has a hue angle of 38.2 degrees, a saturation of 91.3% and a lightness of 68.6%. #f8c366 color hex could be obtained by blending #ffffcc with #f18700. Closest websafe color is: #ffcc66.
-
- R 97
- G 76
- B 40
-
- C 0
- M 21
- Y 59
- K 3
● #f8c366 color description : Soft orange.
#f8c366 Color Conversion
The hexadecimal color #f8c366 has RGB values of R:248, G:195, B:102 and CMYK values of C:0, M:0.21, Y:0.59, K:0.03. Its decimal value is 16302950.
Hex triplet | f8c366 | #f8c366 |
---|---|---|
RGB Decimal | 248, 195, 102 | rgb(248,195,102) |
RGB Percent | 97.3, 76.5, 40 | rgb(97.3%,76.5%,40%) |
CMYK | 0, 21, 59, 3 | |
HSL | 38.2°, 91.3, 68.6 | hsl(38.2,91.3%,68.6%) |
HSV (or HSB) | 38.2°, 58.9, 97.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.81, 8.807, 53.181 |
---|---|
XYZ | 60.625, 59.949, 20.948 |
xyY | 0.428, 0.424, 59.949 |
CIE-LCH | 81.81, 53.905, 80.597 |
CIE-LUV | 81.81, 41.775, 62.99 |
Hunter-Lab | 77.427, 4.27, 38.158 |
Binary | 11111000, 11000011, 01100110 |
Color Schemes with #f8c366
Alternatives to #f8c366
Below, you can see some colors close to #f8c366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8c366 Preview
This text has a font color of #f8c366.
<span style="color:#f8c366;">Text here</span>
This paragraph has a background color of #f8c366.
<p style="background-color:#f8c366;">Content here</p>
This element has a border color of #f8c366.
<div style="border:1px solid #f8c366;">Content here</div>
.text {color:#f8c366;}
.background {background-color:#f8c366;}
.border {border:1px solid #f8c366;}
Shades and Tints of #f8c366
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, #100a01 is the darkest color, while #fffefc is the lightest one.
-
#100a01
#100a01
rgb(16,10,1)
-
#231702
#231702
rgb(35,23,2)
-
#352302
#352302
rgb(53,35,2)
-
#482f03
#482f03
rgb(72,47,3)
-
#5b3b04
#5b3b04
rgb(91,59,4)
-
#6e4805
#6e4805
rgb(110,72,5)
-
#805406
#805406
rgb(128,84,6)
-
#936007
#936007
rgb(147,96,7)
-
#a66c08
#a66c08
rgb(166,108,8)
-
#b97908
#b97908
rgb(185,121,8)
-
#cb8509
#cb8509
rgb(203,133,9)
-
#de910a
#de910a
rgb(222,145,10)
-
#f19d0b
#f19d0b
rgb(241,157,11)
-
#f5a61b
#f5a61b
rgb(245,166,27)
-
#f5ad2e
#f5ad2e
rgb(245,173,46)
-
#f6b440
#f6b440
rgb(246,180,64)
-
#f7bc53
#f7bc53
rgb(247,188,83)
-
#f8c366
#f8c366
rgb(248,195,102)
-
#f9ca79
#f9ca79
rgb(249,202,121)
-
#fad28c
#fad28c
rgb(250,210,140)
-
#fbd99e
#fbd99e
rgb(251,217,158)
-
#fbe0b1
#fbe0b1
rgb(251,224,177)
-
#fce8c4
#fce8c4
rgb(252,232,196)
-
#fdefd7
#fdefd7
rgb(253,239,215)
-
#fef6e9
#fef6e9
rgb(254,246,233)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #f8c366
A tone is produced by adding gray to any pure hue. In this case, #b4b0aa is the less saturated color, while #fec560 is the most saturated one.
-
#b4b0aa
#b4b0aa
rgb(180,176,170)
-
#bab2a4
#bab2a4
rgb(186,178,164)
-
#c1b49d
#c1b49d
rgb(193,180,157)
-
#c7b697
#c7b697
rgb(199,182,151)
-
#cdb791
#cdb791
rgb(205,183,145)
-
#d3b98b
#d3b98b
rgb(211,185,139)
-
#d9bb85
#d9bb85
rgb(217,187,133)
-
#dfbc7f
#dfbc7f
rgb(223,188,127)
-
#e6be78
#e6be78
rgb(230,190,120)
-
#ecc072
#ecc072
rgb(236,192,114)
-
#f2c16c
#f2c16c
rgb(242,193,108)
-
#f8c366
#f8c366
rgb(248,195,102)
-
#fec560
#fec560
rgb(254,197,96)
Color Blindness Simulator
Below, you can see how #f8c366 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.