#f9bc02 Color Information
In a RGB color space, hex #f9bc02 is composed of 97.6% red, 73.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.5% magenta, 99.2% yellow and 2.4% black. It has a hue angle of 45.2 degrees, a saturation of 98.4% and a lightness of 49.2%. #f9bc02 color hex could be obtained by blending #ffff04 with #f37900. Closest websafe color is: #ffcc00.
-
- R 98
- G 74
- B 1
-
- C 0
- M 24
- Y 99
- K 2
● #f9bc02 color description : Vivid yellow.
#f9bc02 Color Conversion
The hexadecimal color #f9bc02 has RGB values of R:249, G:188, B:2 and CMYK values of C:0, M:0.24, Y:0.99, K:0.02. Its decimal value is 16366594.
Hex triplet | f9bc02 | #f9bc02 |
---|---|---|
RGB Decimal | 249, 188, 2 | rgb(249,188,2) |
RGB Percent | 97.6, 73.7, 0.8 | rgb(97.6%,73.7%,0.8%) |
CMYK | 0, 24, 99, 2 | |
HSL | 45.2°, 98.4, 49.2 | hsl(45.2,98.4%,49.2%) |
HSV (or HSB) | 45.2°, 99.2, 97.6 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 79.679, 9.393, 81.606 |
---|---|
XYZ | 57.062, 56.114, 7.883 |
xyY | 0.471, 0.464, 56.114 |
CIE-LCH | 79.679, 82.145, 83.434 |
CIE-LUV | 79.679, 51.384, 81.999 |
Hunter-Lab | 74.909, 4.882, 46.197 |
Binary | 11111001, 10111100, 00000010 |
Color Schemes with #f9bc02
Alternatives to #f9bc02
Below, you can see some colors close to #f9bc02. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f9bc02 Preview
This text has a font color of #f9bc02.
<span style="color:#f9bc02;">Text here</span>
This paragraph has a background color of #f9bc02.
<p style="background-color:#f9bc02;">Content here</p>
This element has a border color of #f9bc02.
<div style="border:1px solid #f9bc02;">Content here</div>
.text {color:#f9bc02;}
.background {background-color:#f9bc02;}
.border {border:1px solid #f9bc02;}
Shades and Tints of #f9bc02
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, #0f0c00 is the darkest color, while #fffefb is the lightest one.
-
#0f0c00
#0f0c00
rgb(15,12,0)
-
#231a00
#231a00
rgb(35,26,0)
-
#362900
#362900
rgb(54,41,0)
-
#4a3801
#4a3801
rgb(74,56,1)
-
#5d4601
#5d4601
rgb(93,70,1)
-
#715501
#715501
rgb(113,85,1)
-
#846401
#846401
rgb(132,100,1)
-
#987301
#987301
rgb(152,115,1)
-
#ab8101
#ab8101
rgb(171,129,1)
-
#bf9002
#bf9002
rgb(191,144,2)
-
#d29f02
#d29f02
rgb(210,159,2)
-
#e6ad02
#e6ad02
rgb(230,173,2)
-
#f9bc02
#f9bc02
rgb(249,188,2)
-
#fdc312
#fdc312
rgb(253,195,18)
-
#fdc825
#fdc825
rgb(253,200,37)
-
#fdcd38
#fdcd38
rgb(253,205,56)
-
#fed24c
#fed24c
rgb(254,210,76)
-
#fed75f
#fed75f
rgb(254,215,95)
-
#fedc73
#fedc73
rgb(254,220,115)
-
#fee086
#fee086
rgb(254,224,134)
-
#fee59a
#fee59a
rgb(254,229,154)
-
#feeaad
#feeaad
rgb(254,234,173)
-
#feefc1
#feefc1
rgb(254,239,193)
-
#fff4d4
#fff4d4
rgb(255,244,212)
-
#fff9e8
#fff9e8
rgb(255,249,232)
-
#fffefb
#fffefb
rgb(255,254,251)
Tones of #f9bc02
A tone is produced by adding gray to any pure hue. In this case, #858176 is the less saturated color, while #f9bc02 is the most saturated one.
-
#858176
#858176
rgb(133,129,118)
-
#8f866c
#8f866c
rgb(143,134,108)
-
#988b63
#988b63
rgb(152,139,99)
-
#a29059
#a29059
rgb(162,144,89)
-
#ac954f
#ac954f
rgb(172,149,79)
-
#b59a46
#b59a46
rgb(181,154,70)
-
#bf9f3c
#bf9f3c
rgb(191,159,60)
-
#c9a432
#c9a432
rgb(201,164,50)
-
#d2a829
#d2a829
rgb(210,168,41)
-
#dcad1f
#dcad1f
rgb(220,173,31)
-
#e6b215
#e6b215
rgb(230,178,21)
-
#efb70c
#efb70c
rgb(239,183,12)
-
#f9bc02
#f9bc02
rgb(249,188,2)
Color Blindness Simulator
Below, you can see how #f9bc02 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.