#f8c450 Color Information
In a RGB color space, hex #f8c450 is composed of 97.3% red, 76.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21% magenta, 67.7% yellow and 2.7% black. It has a hue angle of 41.4 degrees, a saturation of 92.3% and a lightness of 64.3%. #f8c450 color hex could be obtained by blending #ffffa0 with #f18900. Closest websafe color is: #ffcc66.
-
- R 97
- G 77
- B 31
-
- C 0
- M 21
- Y 68
- K 3
● #f8c450 color description : Soft orange.
#f8c450 Color Conversion
The hexadecimal color #f8c450 has RGB values of R:248, G:196, B:80 and CMYK values of C:0, M:0.21, Y:0.68, K:0.03. Its decimal value is 16303184.
Hex triplet | f8c450 | #f8c450 |
---|---|---|
RGB Decimal | 248, 196, 80 | rgb(248,196,80) |
RGB Percent | 97.3, 76.9, 31.4 | rgb(97.3%,76.9%,31.4%) |
CMYK | 0, 21, 68, 3 | |
HSL | 41.4°, 92.3, 64.3 | hsl(41.4,92.3%,64.3%) |
HSV (or HSB) | 41.4°, 67.7, 97.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.848, 6.921, 63.123 |
---|---|
XYZ | 59.9, 60.018, 16.019 |
xyY | 0.441, 0.442, 60.018 |
CIE-LCH | 81.848, 63.501, 83.743 |
CIE-LUV | 81.848, 42.353, 71.735 |
Hunter-Lab | 77.471, 2.439, 41.971 |
Binary | 11111000, 11000100, 01010000 |
Color Schemes with #f8c450
Alternatives to #f8c450
Below, you can see some colors close to #f8c450. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8c450 Preview
This text has a font color of #f8c450.
<span style="color:#f8c450;">Text here</span>
This paragraph has a background color of #f8c450.
<p style="background-color:#f8c450;">Content here</p>
This element has a border color of #f8c450.
<div style="border:1px solid #f8c450;">Content here</div>
.text {color:#f8c450;}
.background {background-color:#f8c450;}
.border {border:1px solid #f8c450;}
Shades and Tints of #f8c450
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, #0e0a01 is the darkest color, while #fffdfa is the lightest one.
-
#0e0a01
#0e0a01
rgb(14,10,1)
-
#201701
#201701
rgb(32,23,1)
-
#332402
#332402
rgb(51,36,2)
-
#463103
#463103
rgb(70,49,3)
-
#593f04
#593f04
rgb(89,63,4)
-
#6c4c04
#6c4c04
rgb(108,76,4)
-
#7f5905
#7f5905
rgb(127,89,5)
-
#926606
#926606
rgb(146,102,6)
-
#a47407
#a47407
rgb(164,116,7)
-
#b78107
#b78107
rgb(183,129,7)
-
#ca8e08
#ca8e08
rgb(202,142,8)
-
#dd9b09
#dd9b09
rgb(221,155,9)
-
#f0a90a
#f0a90a
rgb(240,169,10)
-
#f6b117
#f6b117
rgb(246,177,23)
-
#f6b72a
#f6b72a
rgb(246,183,42)
-
#f7be3d
#f7be3d
rgb(247,190,61)
-
#f8c450
#f8c450
rgb(248,196,80)
-
#f9ca63
#f9ca63
rgb(249,202,99)
-
#fad176
#fad176
rgb(250,209,118)
-
#fad789
#fad789
rgb(250,215,137)
-
#fbdd9b
#fbdd9b
rgb(251,221,155)
-
#fce4ae
#fce4ae
rgb(252,228,174)
-
#fdeac1
#fdeac1
rgb(253,234,193)
-
#fdf1d4
#fdf1d4
rgb(253,241,212)
-
#fef7e7
#fef7e7
rgb(254,247,231)
-
#fffdfa
#fffdfa
rgb(255,253,250)
Tones of #f8c450
A tone is produced by adding gray to any pure hue. In this case, #a4a4a4 is the less saturated color, while #f8c450 is the most saturated one.
-
#a4a4a4
#a4a4a4
rgb(164,164,164)
-
#aba79d
#aba79d
rgb(171,167,157)
-
#b2a996
#b2a996
rgb(178,169,150)
-
#b9ac8f
#b9ac8f
rgb(185,172,143)
-
#c0af88
#c0af88
rgb(192,175,136)
-
#c7b181
#c7b181
rgb(199,177,129)
-
#ceb47a
#ceb47a
rgb(206,180,122)
-
#d5b773
#d5b773
rgb(213,183,115)
-
#dcb96c
#dcb96c
rgb(220,185,108)
-
#e3bc65
#e3bc65
rgb(227,188,101)
-
#eabf5e
#eabf5e
rgb(234,191,94)
-
#f1c157
#f1c157
rgb(241,193,87)
-
#f8c450
#f8c450
rgb(248,196,80)
Color Blindness Simulator
Below, you can see how #f8c450 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.