#f2c502 Color Information
In a RGB color space, hex #f2c502 is composed of 94.9% red, 77.3% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.6% magenta, 99.2% yellow and 5.1% black. It has a hue angle of 48.8 degrees, a saturation of 98.4% and a lightness of 47.8%. #f2c502 color hex could be obtained by blending #ffff04 with #e58b00. Closest websafe color is: #ffcc00.
-
- R 95
- G 77
- B 1
-
- C 0
- M 19
- Y 99
- K 5
● #f2c502 color description : Vivid yellow.
#f2c502 Color Conversion
The hexadecimal color #f2c502 has RGB values of R:242, G:197, B:2 and CMYK values of C:0, M:0.19, Y:0.99, K:0.05. Its decimal value is 15910146.
Hex triplet | f2c502 | #f2c502 |
---|---|---|
RGB Decimal | 242, 197, 2 | rgb(242,197,2) |
RGB Percent | 94.9, 77.3, 0.8 | rgb(94.9%,77.3%,0.8%) |
CMYK | 0, 19, 99, 5 | |
HSL | 48.8°, 98.4, 47.8 | hsl(48.8,98.4%,47.8%) |
HSV (or HSB) | 48.8°, 99.2, 94.9 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 81.191, 1.723, 82.331 |
---|---|
XYZ | 56.596, 58.817, 8.429 |
xyY | 0.457, 0.475, 58.817 |
CIE-LCH | 81.191, 82.349, 88.801 |
CIE-LUV | 81.191, 39.017, 85.183 |
Hunter-Lab | 76.692, -2.484, 47.168 |
Binary | 11110010, 11000101, 00000010 |
Color Schemes with #f2c502
Alternatives to #f2c502
Below, you can see some colors close to #f2c502. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2c502 Preview
This text has a font color of #f2c502.
<span style="color:#f2c502;">Text here</span>
This paragraph has a background color of #f2c502.
<p style="background-color:#f2c502;">Content here</p>
This element has a border color of #f2c502.
<div style="border:1px solid #f2c502;">Content here</div>
.text {color:#f2c502;}
.background {background-color:#f2c502;}
.border {border:1px solid #f2c502;}
Shades and Tints of #f2c502
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, #090700 is the darkest color, while #fffdf4 is the lightest one.
-
#090700
#090700
rgb(9,7,0)
-
#1c1700
#1c1700
rgb(28,23,0)
-
#2f2700
#2f2700
rgb(47,39,0)
-
#433601
#433601
rgb(67,54,1)
-
#564601
#564601
rgb(86,70,1)
-
#6a5601
#6a5601
rgb(106,86,1)
-
#7d6601
#7d6601
rgb(125,102,1)
-
#917601
#917601
rgb(145,118,1)
-
#a48601
#a48601
rgb(164,134,1)
-
#b89502
#b89502
rgb(184,149,2)
-
#cba502
#cba502
rgb(203,165,2)
-
#dfb502
#dfb502
rgb(223,181,2)
-
#f2c502
#f2c502
rgb(242,197,2)
-
#fdd00b
#fdd00b
rgb(253,208,11)
-
#fdd31e
#fdd31e
rgb(253,211,30)
-
#fdd732
#fdd732
rgb(253,215,50)
-
#fddb45
#fddb45
rgb(253,219,69)
-
#fedf58
#fedf58
rgb(254,223,88)
-
#fee26c
#fee26c
rgb(254,226,108)
-
#fee67f
#fee67f
rgb(254,230,127)
-
#feea93
#feea93
rgb(254,234,147)
-
#feeea6
#feeea6
rgb(254,238,166)
-
#fef2ba
#fef2ba
rgb(254,242,186)
-
#fff5cd
#fff5cd
rgb(255,245,205)
-
#fff9e1
#fff9e1
rgb(255,249,225)
-
#fffdf4
#fffdf4
rgb(255,253,244)
Tones of #f2c502
A tone is produced by adding gray to any pure hue. In this case, #817f73 is the less saturated color, while #f2c502 is the most saturated one.
-
#817f73
#817f73
rgb(129,127,115)
-
#8b8469
#8b8469
rgb(139,132,105)
-
#948a60
#948a60
rgb(148,138,96)
-
#9e9056
#9e9056
rgb(158,144,86)
-
#a7964d
#a7964d
rgb(167,150,77)
-
#b09c44
#b09c44
rgb(176,156,68)
-
#baa23a
#baa23a
rgb(186,162,58)
-
#c3a831
#c3a831
rgb(195,168,49)
-
#ccae28
#ccae28
rgb(204,174,40)
-
#d6b31e
#d6b31e
rgb(214,179,30)
-
#dfb915
#dfb915
rgb(223,185,21)
-
#e9bf0b
#e9bf0b
rgb(233,191,11)
-
#f2c502
#f2c502
rgb(242,197,2)
Color Blindness Simulator
Below, you can see how #f2c502 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.