#f8c556 Color Information
In a RGB color space, hex #f8c556 is composed of 97.3% red, 77.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 65.3% yellow and 2.7% black. It has a hue angle of 41.1 degrees, a saturation of 92% and a lightness of 65.5%. #f8c556 color hex could be obtained by blending #ffffac with #f18b00. Closest websafe color is: #ffcc66.
-
- R 97
- G 77
- B 34
-
- C 0
- M 21
- Y 65
- K 3
● #f8c556 color description : Soft orange.
#f8c556 Color Conversion
The hexadecimal color #f8c556 has RGB values of R:248, G:197, B:86 and CMYK values of C:0, M:0.21, Y:0.65, K:0.03. Its decimal value is 16303446.
Hex triplet | f8c556 | #f8c556 |
---|---|---|
RGB Decimal | 248, 197, 86 | rgb(248,197,86) |
RGB Percent | 97.3, 77.3, 33.7 | rgb(97.3%,77.3%,33.7%) |
CMYK | 0, 21, 65, 3 | |
HSL | 41.1°, 92, 65.5 | hsl(41.1,92%,65.5%) |
HSV (or HSB) | 41.1°, 65.3, 97.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.144, 6.737, 60.859 |
---|---|
XYZ | 60.358, 60.564, 17.314 |
xyY | 0.437, 0.438, 60.564 |
CIE-LCH | 82.144, 61.23, 83.683 |
CIE-LUV | 82.144, 41.309, 70.109 |
Hunter-Lab | 77.823, 2.252, 41.285 |
Binary | 11111000, 11000101, 01010110 |
Color Schemes with #f8c556
Alternatives to #f8c556
Below, you can see some colors close to #f8c556. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8c556 Preview
This text has a font color of #f8c556.
<span style="color:#f8c556;">Text here</span>
This paragraph has a background color of #f8c556.
<p style="background-color:#f8c556;">Content here</p>
This element has a border color of #f8c556.
<div style="border:1px solid #f8c556;">Content here</div>
.text {color:#f8c556;}
.background {background-color:#f8c556;}
.border {border:1px solid #f8c556;}
Shades and Tints of #f8c556
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, #010000 is the darkest color, while #fef9ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130e01
#130e01
rgb(19,14,1)
-
#261b02
#261b02
rgb(38,27,2)
-
#392802
#392802
rgb(57,40,2)
-
#4c3503
#4c3503
rgb(76,53,3)
-
#5f4204
#5f4204
rgb(95,66,4)
-
#724f05
#724f05
rgb(114,79,5)
-
#845c05
#845c05
rgb(132,92,5)
-
#976a06
#976a06
rgb(151,106,6)
-
#aa7707
#aa7707
rgb(170,119,7)
-
#bd8408
#bd8408
rgb(189,132,8)
-
#d09109
#d09109
rgb(208,145,9)
-
#e39e09
#e39e09
rgb(227,158,9)
-
#f5ab0b
#f5ab0b
rgb(245,171,11)
-
#f6b21d
#f6b21d
rgb(246,178,29)
-
#f6b830
#f6b830
rgb(246,184,48)
-
#f7bf43
#f7bf43
rgb(247,191,67)
-
#f8c556
#f8c556
rgb(248,197,86)
-
#f9cb69
#f9cb69
rgb(249,203,105)
-
#fad27c
#fad27c
rgb(250,210,124)
-
#fad88f
#fad88f
rgb(250,216,143)
-
#fbdfa1
#fbdfa1
rgb(251,223,161)
-
#fce5b4
#fce5b4
rgb(252,229,180)
-
#fdecc7
#fdecc7
rgb(253,236,199)
-
#fdf2da
#fdf2da
rgb(253,242,218)
-
#fef9ed
#fef9ed
rgb(254,249,237)
Tones of #f8c556
A tone is produced by adding gray to any pure hue. In this case, #aea9a0 is the less saturated color, while #ffc84f is the most saturated one.
-
#aea9a0
#aea9a0
rgb(174,169,160)
-
#b4ac9a
#b4ac9a
rgb(180,172,154)
-
#bbae93
#bbae93
rgb(187,174,147)
-
#c2b18c
#c2b18c
rgb(194,177,140)
-
#c9b385
#c9b385
rgb(201,179,133)
-
#cfb67f
#cfb67f
rgb(207,182,127)
-
#d6b878
#d6b878
rgb(214,184,120)
-
#ddbb71
#ddbb71
rgb(221,187,113)
-
#e4bd6a
#e4bd6a
rgb(228,189,106)
-
#eac064
#eac064
rgb(234,192,100)
-
#f1c25d
#f1c25d
rgb(241,194,93)
-
#f8c556
#f8c556
rgb(248,197,86)
-
#ffc84f
#ffc84f
rgb(255,200,79)
Color Blindness Simulator
Below, you can see how #f8c556 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.