#f8c553 Color Information
In a RGB color space, hex #f8c553 is composed of 97.3% red, 77.3% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 66.5% yellow and 2.7% black. It has a hue angle of 41.5 degrees, a saturation of 92.2% and a lightness of 64.9%. #f8c553 color hex could be obtained by blending #ffffa6 with #f18b00. Closest websafe color is: #ffcc66.
-
- R 97
- G 77
- B 33
-
- C 0
- M 21
- Y 67
- K 3
● #f8c553 color description : Soft orange.
#f8c553 Color Conversion
The hexadecimal color #f8c553 has RGB values of R:248, G:197, B:83 and CMYK values of C:0, M:0.21, Y:0.67, K:0.03. Its decimal value is 16303443.
Hex triplet | f8c553 | #f8c553 |
---|---|---|
RGB Decimal | 248, 197, 83 | rgb(248,197,83) |
RGB Percent | 97.3, 77.3, 32.5 | rgb(97.3%,77.3%,32.5%) |
CMYK | 0, 21, 67, 3 | |
HSL | 41.5°, 92.2, 64.9 | hsl(41.5,92.2%,64.9%) |
HSV (or HSB) | 41.5°, 66.5, 97.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.118, 6.566, 62.131 |
---|---|
XYZ | 60.24, 60.516, 16.691 |
xyY | 0.438, 0.44, 60.516 |
CIE-LCH | 82.118, 62.477, 83.967 |
CIE-LUV | 82.118, 41.469, 71.151 |
Hunter-Lab | 77.792, 2.088, 41.733 |
Binary | 11111000, 11000101, 01010011 |
Color Schemes with #f8c553
Alternatives to #f8c553
Below, you can see some colors close to #f8c553. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8c553 Preview
This text has a font color of #f8c553.
<span style="color:#f8c553;">Text here</span>
This paragraph has a background color of #f8c553.
<p style="background-color:#f8c553;">Content here</p>
This element has a border color of #f8c553.
<div style="border:1px solid #f8c553;">Content here</div>
.text {color:#f8c553;}
.background {background-color:#f8c553;}
.border {border:1px solid #f8c553;}
Shades and Tints of #f8c553
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, #100c01 is the darkest color, while #fffefd is the lightest one.
-
#100c01
#100c01
rgb(16,12,1)
-
#231901
#231901
rgb(35,25,1)
-
#362602
#362602
rgb(54,38,2)
-
#493303
#493303
rgb(73,51,3)
-
#5c4104
#5c4104
rgb(92,65,4)
-
#6f4e05
#6f4e05
rgb(111,78,5)
-
#825b05
#825b05
rgb(130,91,5)
-
#946806
#946806
rgb(148,104,6)
-
#a77607
#a77607
rgb(167,118,7)
-
#ba8308
#ba8308
rgb(186,131,8)
-
#cd9008
#cd9008
rgb(205,144,8)
-
#e09d09
#e09d09
rgb(224,157,9)
-
#f3ab0a
#f3ab0a
rgb(243,171,10)
-
#f6b21a
#f6b21a
rgb(246,178,26)
-
#f6b82d
#f6b82d
rgb(246,184,45)
-
#f7bf40
#f7bf40
rgb(247,191,64)
-
#f8c553
#f8c553
rgb(248,197,83)
-
#f9cb66
#f9cb66
rgb(249,203,102)
-
#fad279
#fad279
rgb(250,210,121)
-
#fad88c
#fad88c
rgb(250,216,140)
-
#fbde9e
#fbde9e
rgb(251,222,158)
-
#fce5b1
#fce5b1
rgb(252,229,177)
-
#fdebc4
#fdebc4
rgb(253,235,196)
-
#fdf1d7
#fdf1d7
rgb(253,241,215)
-
#fef8ea
#fef8ea
rgb(254,248,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #f8c553
A tone is produced by adding gray to any pure hue. In this case, #aca89f is the less saturated color, while #ffc84c is the most saturated one.
-
#aca89f
#aca89f
rgb(172,168,159)
-
#b3ab98
#b3ab98
rgb(179,171,152)
-
#baad91
#baad91
rgb(186,173,145)
-
#c1b08a
#c1b08a
rgb(193,176,138)
-
#c8b383
#c8b383
rgb(200,179,131)
-
#cfb57c
#cfb57c
rgb(207,181,124)
-
#d6b875
#d6b875
rgb(214,184,117)
-
#dcba6f
#dcba6f
rgb(220,186,111)
-
#e3bd68
#e3bd68
rgb(227,189,104)
-
#eac061
#eac061
rgb(234,192,97)
-
#f1c25a
#f1c25a
rgb(241,194,90)
-
#f8c553
#f8c553
rgb(248,197,83)
-
#ffc84c
#ffc84c
rgb(255,200,76)
Color Blindness Simulator
Below, you can see how #f8c553 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.