#f9c545 Color Information
In a RGB color space, hex #f9c545 is composed of 97.6% red, 77.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.9% magenta, 72.3% yellow and 2.4% black. It has a hue angle of 42.7 degrees, a saturation of 93.8% and a lightness of 62.4%. #f9c545 color hex could be obtained by blending #ffff8a with #f38b00. Closest websafe color is: #ffcc33.
-
- R 98
- G 77
- B 27
-
- C 0
- M 21
- Y 72
- K 2
● #f9c545 color description : Bright orange.
#f9c545 Color Conversion
The hexadecimal color #f9c545 has RGB values of R:249, G:197, B:69 and CMYK values of C:0, M:0.21, Y:0.72, K:0.02. Its decimal value is 16368965.
Hex triplet | f9c545 | #f9c545 |
---|---|---|
RGB Decimal | 249, 197, 69 | rgb(249,197,69) |
RGB Percent | 97.6, 77.3, 27.1 | rgb(97.6%,77.3%,27.1%) |
CMYK | 0, 21, 72, 2 | |
HSL | 42.7°, 93.8, 62.4 | hsl(42.7,93.8%,62.4%) |
HSV (or HSB) | 42.7°, 72.3, 97.6 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 82.112, 6.28, 67.871 |
---|---|
XYZ | 60.108, 60.505, 14.143 |
xyY | 0.446, 0.449, 60.505 |
CIE-LCH | 82.112, 68.161, 84.714 |
CIE-LUV | 82.112, 42.898, 75.531 |
Hunter-Lab | 77.785, 1.812, 43.669 |
Binary | 11111001, 11000101, 01000101 |
Color Schemes with #f9c545
Alternatives to #f9c545
Below, you can see some colors close to #f9c545. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f9c545 Preview
This text has a font color of #f9c545.
<span style="color:#f9c545;">Text here</span>
This paragraph has a background color of #f9c545.
<p style="background-color:#f9c545;">Content here</p>
This element has a border color of #f9c545.
<div style="border:1px solid #f9c545;">Content here</div>
.text {color:#f9c545;}
.background {background-color:#f9c545;}
.border {border:1px solid #f9c545;}
Shades and Tints of #f9c545
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, #040300 is the darkest color, while #fffaf0 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#171101
#171101
rgb(23,17,1)
-
#2a1e01
#2a1e01
rgb(42,30,1)
-
#3d2c02
#3d2c02
rgb(61,44,2)
-
#503a03
#503a03
rgb(80,58,3)
-
#634703
#634703
rgb(99,71,3)
-
#765504
#765504
rgb(118,85,4)
-
#896304
#896304
rgb(137,99,4)
-
#9c7005
#9c7005
rgb(156,112,5)
-
#af7e06
#af7e06
rgb(175,126,6)
-
#c28c06
#c28c06
rgb(194,140,6)
-
#d59907
#d59907
rgb(213,153,7)
-
#e8a707
#e8a707
rgb(232,167,7)
-
#f7b30c
#f7b30c
rgb(247,179,12)
-
#f8b91f
#f8b91f
rgb(248,185,31)
-
#f8bf32
#f8bf32
rgb(248,191,50)
-
#f9c545
#f9c545
rgb(249,197,69)
-
#facb58
#facb58
rgb(250,203,88)
-
#fad16b
#fad16b
rgb(250,209,107)
-
#fbd77e
#fbd77e
rgb(251,215,126)
-
#fbdd91
#fbdd91
rgb(251,221,145)
-
#fce3a4
#fce3a4
rgb(252,227,164)
-
#fde9b7
#fde9b7
rgb(253,233,183)
-
#fdeeca
#fdeeca
rgb(253,238,202)
-
#fef4dd
#fef4dd
rgb(254,244,221)
-
#fffaf0
#fffaf0
rgb(255,250,240)
Tones of #f9c545
A tone is produced by adding gray to any pure hue. In this case, #a0a09e is the less saturated color, while #f9c545 is the most saturated one.
-
#a0a09e
#a0a09e
rgb(160,160,158)
-
#a8a396
#a8a396
rgb(168,163,150)
-
#afa68f
#afa68f
rgb(175,166,143)
-
#b7a987
#b7a987
rgb(183,169,135)
-
#beac80
#beac80
rgb(190,172,128)
-
#c5af79
#c5af79
rgb(197,175,121)
-
#cdb271
#cdb271
rgb(205,178,113)
-
#d4b56a
#d4b56a
rgb(212,181,106)
-
#dbb963
#dbb963
rgb(219,185,99)
-
#e3bc5b
#e3bc5b
rgb(227,188,91)
-
#eabf54
#eabf54
rgb(234,191,84)
-
#f2c24c
#f2c24c
rgb(242,194,76)
-
#f9c545
#f9c545
rgb(249,197,69)
Color Blindness Simulator
Below, you can see how #f9c545 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.