#f8cc56 Color Information
In a RGB color space, hex #f8cc56 is composed of 97.3% red, 80% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.7% magenta, 65.3% yellow and 2.7% black. It has a hue angle of 43.7 degrees, a saturation of 92% and a lightness of 65.5%. #f8cc56 color hex could be obtained by blending #ffffac with #f19900. Closest websafe color is: #ffcc66.
-
- R 97
- G 80
- B 34
-
- C 0
- M 18
- Y 65
- K 3
● #f8cc56 color description : Soft orange.
#f8cc56 Color Conversion
The hexadecimal color #f8cc56 has RGB values of R:248, G:204, B:86 and CMYK values of C:0, M:0.18, Y:0.65, K:0.03. Its decimal value is 16305238.
Hex triplet | f8cc56 | #f8cc56 |
---|---|---|
RGB Decimal | 248, 204, 86 | rgb(248,204,86) |
RGB Percent | 97.3, 80, 33.7 | rgb(97.3%,80%,33.7%) |
CMYK | 0, 18, 65, 3 | |
HSL | 43.7°, 92, 65.5 | hsl(43.7,92%,65.5%) |
HSV (or HSB) | 43.7°, 65.3, 97.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 83.87, 3.121, 62.716 |
---|---|
XYZ | 61.985, 63.817, 17.857 |
xyY | 0.431, 0.444, 63.817 |
CIE-LCH | 83.87, 62.794, 87.151 |
CIE-LUV | 83.87, 36.278, 73.09 |
Hunter-Lab | 79.885, -1.298, 42.667 |
Binary | 11111000, 11001100, 01010110 |
Color Schemes with #f8cc56
Alternatives to #f8cc56
Below, you can see some colors close to #f8cc56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8cc56 Preview
This text has a font color of #f8cc56.
<span style="color:#f8cc56;">Text here</span>
This paragraph has a background color of #f8cc56.
<p style="background-color:#f8cc56;">Content here</p>
This element has a border color of #f8cc56.
<div style="border:1px solid #f8cc56;">Content here</div>
.text {color:#f8cc56;}
.background {background-color:#f8cc56;}
.border {border:1px solid #f8cc56;}
Shades and Tints of #f8cc56
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)
-
#261c02
#261c02
rgb(38,28,2)
-
#392a02
#392a02
rgb(57,42,2)
-
#4c3803
#4c3803
rgb(76,56,3)
-
#5f4604
#5f4604
rgb(95,70,4)
-
#725405
#725405
rgb(114,84,5)
-
#846205
#846205
rgb(132,98,5)
-
#977006
#977006
rgb(151,112,6)
-
#aa7e07
#aa7e07
rgb(170,126,7)
-
#bd8c08
#bd8c08
rgb(189,140,8)
-
#d09a09
#d09a09
rgb(208,154,9)
-
#e3a809
#e3a809
rgb(227,168,9)
-
#f5b50b
#f5b50b
rgb(245,181,11)
-
#f6bb1d
#f6bb1d
rgb(246,187,29)
-
#f6c130
#f6c130
rgb(246,193,48)
-
#f7c643
#f7c643
rgb(247,198,67)
-
#f8cc56
#f8cc56
rgb(248,204,86)
-
#f9d269
#f9d269
rgb(249,210,105)
-
#fad77c
#fad77c
rgb(250,215,124)
-
#fadd8f
#fadd8f
rgb(250,221,143)
-
#fbe3a1
#fbe3a1
rgb(251,227,161)
-
#fce8b4
#fce8b4
rgb(252,232,180)
-
#fdeec7
#fdeec7
rgb(253,238,199)
-
#fdf4da
#fdf4da
rgb(253,244,218)
-
#fef9ed
#fef9ed
rgb(254,249,237)
Tones of #f8cc56
A tone is produced by adding gray to any pure hue. In this case, #aeaaa0 is the less saturated color, while #ffcf4f is the most saturated one.
-
#aeaaa0
#aeaaa0
rgb(174,170,160)
-
#b4ad9a
#b4ad9a
rgb(180,173,154)
-
#bbb093
#bbb093
rgb(187,176,147)
-
#c2b38c
#c2b38c
rgb(194,179,140)
-
#c9b685
#c9b685
rgb(201,182,133)
-
#cfb97f
#cfb97f
rgb(207,185,127)
-
#d6bd78
#d6bd78
rgb(214,189,120)
-
#ddc071
#ddc071
rgb(221,192,113)
-
#e4c36a
#e4c36a
rgb(228,195,106)
-
#eac664
#eac664
rgb(234,198,100)
-
#f1c95d
#f1c95d
rgb(241,201,93)
-
#f8cc56
#f8cc56
rgb(248,204,86)
-
#ffcf4f
#ffcf4f
rgb(255,207,79)
Color Blindness Simulator
Below, you can see how #f8cc56 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.