#f9c301 Color Information
In a RGB color space, hex #f9c301 is composed of 97.6% red, 76.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.7% magenta, 99.6% yellow and 2.4% black. It has a hue angle of 46.9 degrees, a saturation of 99.2% and a lightness of 49%. #f9c301 color hex could be obtained by blending #ffff02 with #f38700. Closest websafe color is: #ffcc00.
-
- R 98
- G 76
- B 0
-
- C 0
- M 22
- Y 100
- K 2
● #f9c301 color description : Vivid yellow.
#f9c301 Color Conversion
The hexadecimal color #f9c301 has RGB values of R:249, G:195, B:1 and CMYK values of C:0, M:0.22, Y:1, K:0.02. Its decimal value is 16368385.
Hex triplet | f9c301 | #f9c301 |
---|---|---|
RGB Decimal | 249, 195, 1 | rgb(249,195,1) |
RGB Percent | 97.6, 76.5, 0.4 | rgb(97.6%,76.5%,0.4%) |
CMYK | 0, 22, 100, 2 | |
HSL | 46.9°, 99.2, 49 | hsl(46.9,99.2%,49%) |
HSV (or HSB) | 46.9°, 99.6, 97.6 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 81.388, 5.753, 82.888 |
---|---|
XYZ | 58.589, 59.175, 8.365 |
xyY | 0.465, 0.469, 59.175 |
CIE-LCH | 81.388, 83.088, 86.029 |
CIE-LUV | 81.388, 45.958, 84.612 |
Hunter-Lab | 76.925, 1.331, 47.401 |
Binary | 11111001, 11000011, 00000001 |
Color Schemes with #f9c301
Alternatives to #f9c301
Below, you can see some colors close to #f9c301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f9c301 Preview
This text has a font color of #f9c301.
<span style="color:#f9c301;">Text here</span>
This paragraph has a background color of #f9c301.
<p style="background-color:#f9c301;">Content here</p>
This element has a border color of #f9c301.
<div style="border:1px solid #f9c301;">Content here</div>
.text {color:#f9c301;}
.background {background-color:#f9c301;}
.border {border:1px solid #f9c301;}
Shades and Tints of #f9c301
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, #0f0b00 is the darkest color, while #fffefa is the lightest one.
-
#0f0b00
#0f0b00
rgb(15,11,0)
-
#221b00
#221b00
rgb(34,27,0)
-
#362a00
#362a00
rgb(54,42,0)
-
#493900
#493900
rgb(73,57,0)
-
#5d4900
#5d4900
rgb(93,73,0)
-
#705800
#705800
rgb(112,88,0)
-
#846701
#846701
rgb(132,103,1)
-
#977701
#977701
rgb(151,119,1)
-
#ab8601
#ab8601
rgb(171,134,1)
-
#be9501
#be9501
rgb(190,149,1)
-
#d2a401
#d2a401
rgb(210,164,1)
-
#e5b401
#e5b401
rgb(229,180,1)
-
#f9c301
#f9c301
rgb(249,195,1)
-
#feca10
#feca10
rgb(254,202,16)
-
#fece23
#fece23
rgb(254,206,35)
-
#fed337
#fed337
rgb(254,211,55)
-
#fed74a
#fed74a
rgb(254,215,74)
-
#fedb5e
#fedb5e
rgb(254,219,94)
-
#fee071
#fee071
rgb(254,224,113)
-
#ffe485
#ffe485
rgb(255,228,133)
-
#ffe898
#ffe898
rgb(255,232,152)
-
#ffedac
#ffedac
rgb(255,237,172)
-
#fff1bf
#fff1bf
rgb(255,241,191)
-
#fff5d3
#fff5d3
rgb(255,245,211)
-
#fffae6
#fffae6
rgb(255,250,230)
-
#fffefa
#fffefa
rgb(255,254,250)
Tones of #f9c301
A tone is produced by adding gray to any pure hue. In this case, #868274 is the less saturated color, while #f9c301 is the most saturated one.
-
#868274
#868274
rgb(134,130,116)
-
#8f876b
#8f876b
rgb(143,135,107)
-
#998d61
#998d61
rgb(153,141,97)
-
#a29258
#a29258
rgb(162,146,88)
-
#ac984e
#ac984e
rgb(172,152,78)
-
#b69d44
#b69d44
rgb(182,157,68)
-
#bfa23b
#bfa23b
rgb(191,162,59)
-
#c9a831
#c9a831
rgb(201,168,49)
-
#d3ad27
#d3ad27
rgb(211,173,39)
-
#dcb31e
#dcb31e
rgb(220,179,30)
-
#e6b814
#e6b814
rgb(230,184,20)
-
#efbe0b
#efbe0b
rgb(239,190,11)
-
#f9c301
#f9c301
rgb(249,195,1)
Color Blindness Simulator
Below, you can see how #f9c301 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.