#f9c450 Color Information
In a RGB color space, hex #f9c450 is composed of 97.6% red, 76.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.3% magenta, 67.9% yellow and 2.4% black. It has a hue angle of 41.2 degrees, a saturation of 93.4% and a lightness of 64.5%. #f9c450 color hex could be obtained by blending #ffffa0 with #f38900. Closest websafe color is: #ffcc66.
-
- R 98
- G 77
- B 31
-
- C 0
- M 21
- Y 68
- K 2
● #f9c450 color description : Soft orange.
#f9c450 Color Conversion
The hexadecimal color #f9c450 has RGB values of R:249, G:196, B:80 and CMYK values of C:0, M:0.21, Y:0.68, K:0.02. Its decimal value is 16368720.
Hex triplet | f9c450 | #f9c450 |
---|---|---|
RGB Decimal | 249, 196, 80 | rgb(249,196,80) |
RGB Percent | 97.6, 76.9, 31.4 | rgb(97.6%,76.9%,31.4%) |
CMYK | 0, 21, 68, 2 | |
HSL | 41.2°, 93.4, 64.5 | hsl(41.2,93.4%,64.5%) |
HSV (or HSB) | 41.2°, 67.9, 97.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.948, 7.338, 63.258 |
---|---|
XYZ | 60.256, 60.202, 16.035 |
xyY | 0.441, 0.441, 60.202 |
CIE-LCH | 81.948, 63.682, 83.383 |
CIE-LUV | 81.948, 43.113, 71.78 |
Hunter-Lab | 77.59, 2.84, 42.059 |
Binary | 11111001, 11000100, 01010000 |
Color Schemes with #f9c450
Alternatives to #f9c450
Below, you can see some colors close to #f9c450. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f9c450 Preview
This text has a font color of #f9c450.
<span style="color:#f9c450;">Text here</span>
This paragraph has a background color of #f9c450.
<p style="background-color:#f9c450;">Content here</p>
This element has a border color of #f9c450.
<div style="border:1px solid #f9c450;">Content here</div>
.text {color:#f9c450;}
.background {background-color:#f9c450;}
.border {border:1px solid #f9c450;}
Shades and Tints of #f9c450
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, #0f0a01 is the darkest color, while #fffefb is the lightest one.
-
#0f0a01
#0f0a01
rgb(15,10,1)
-
#221701
#221701
rgb(34,23,1)
-
#352502
#352502
rgb(53,37,2)
-
#483202
#483202
rgb(72,50,2)
-
#5b3f03
#5b3f03
rgb(91,63,3)
-
#6d4c04
#6d4c04
rgb(109,76,4)
-
#805a04
#805a04
rgb(128,90,4)
-
#936705
#936705
rgb(147,103,5)
-
#a67406
#a67406
rgb(166,116,6)
-
#b98106
#b98106
rgb(185,129,6)
-
#cc8e07
#cc8e07
rgb(204,142,7)
-
#df9c08
#df9c08
rgb(223,156,8)
-
#f2a908
#f2a908
rgb(242,169,8)
-
#f7b117
#f7b117
rgb(247,177,23)
-
#f8b72a
#f8b72a
rgb(248,183,42)
-
#f8be3d
#f8be3d
rgb(248,190,61)
-
#f9c450
#f9c450
rgb(249,196,80)
-
#faca63
#faca63
rgb(250,202,99)
-
#fad176
#fad176
rgb(250,209,118)
-
#fbd789
#fbd789
rgb(251,215,137)
-
#fcde9c
#fcde9c
rgb(252,222,156)
-
#fce4af
#fce4af
rgb(252,228,175)
-
#fdeac2
#fdeac2
rgb(253,234,194)
-
#fef1d5
#fef1d5
rgb(254,241,213)
-
#fef7e8
#fef7e8
rgb(254,247,232)
-
#fffefb
#fffefb
rgb(255,254,251)
Tones of #f9c450
A tone is produced by adding gray to any pure hue. In this case, #a5a5a4 is the less saturated color, while #f9c450 is the most saturated one.
-
#a5a5a4
#a5a5a4
rgb(165,165,164)
-
#aca79d
#aca79d
rgb(172,167,157)
-
#b3aa96
#b3aa96
rgb(179,170,150)
-
#baad8f
#baad8f
rgb(186,173,143)
-
#c1af88
#c1af88
rgb(193,175,136)
-
#c8b281
#c8b281
rgb(200,178,129)
-
#cfb47a
#cfb47a
rgb(207,180,122)
-
#d6b773
#d6b773
rgb(214,183,115)
-
#ddba6c
#ddba6c
rgb(221,186,108)
-
#e4bc65
#e4bc65
rgb(228,188,101)
-
#ebbf5e
#ebbf5e
rgb(235,191,94)
-
#f2c157
#f2c157
rgb(242,193,87)
-
#f9c450
#f9c450
rgb(249,196,80)
Color Blindness Simulator
Below, you can see how #f9c450 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.