#f2c307 Color Information
In a RGB color space, hex #f2c307 is composed of 94.9% red, 76.5% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.4% magenta, 97.1% yellow and 5.1% black. It has a hue angle of 48 degrees, a saturation of 94.4% and a lightness of 48.8%. #f2c307 color hex could be obtained by blending #ffff0e with #e58700. Closest websafe color is: #ffcc00.
-
- R 95
- G 76
- B 3
-
- C 0
- M 19
- Y 97
- K 5
● #f2c307 color description : Vivid yellow.
#f2c307 Color Conversion
The hexadecimal color #f2c307 has RGB values of R:242, G:195, B:7 and CMYK values of C:0, M:0.19, Y:0.97, K:0.05. Its decimal value is 15909639.
Hex triplet | f2c307 | #f2c307 |
---|---|---|
RGB Decimal | 242, 195, 7 | rgb(242,195,7) |
RGB Percent | 94.9, 76.5, 2.7 | rgb(94.9%,76.5%,2.7%) |
CMYK | 0, 19, 97, 5 | |
HSL | 48°, 94.4, 48.8 | hsl(48,94.4%,48.8%) |
HSV (or HSB) | 48°, 97.1, 94.9 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.697, 2.797, 81.501 |
---|---|
XYZ | 56.172, 57.925, 8.423 |
xyY | 0.458, 0.473, 57.925 |
CIE-LCH | 80.697, 81.549, 88.034 |
CIE-LUV | 80.697, 40.489, 84.181 |
Hunter-Lab | 76.109, -1.448, 46.714 |
Binary | 11110010, 11000011, 00000111 |
Color Schemes with #f2c307
Alternatives to #f2c307
Below, you can see some colors close to #f2c307. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2c307 Preview
This text has a font color of #f2c307.
<span style="color:#f2c307;">Text here</span>
This paragraph has a background color of #f2c307.
<p style="background-color:#f2c307;">Content here</p>
This element has a border color of #f2c307.
<div style="border:1px solid #f2c307;">Content here</div>
.text {color:#f2c307;}
.background {background-color:#f2c307;}
.border {border:1px solid #f2c307;}
Shades and Tints of #f2c307
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, #0d0b00 is the darkest color, while #fffef9 is the lightest one.
-
#0d0b00
#0d0b00
rgb(13,11,0)
-
#201a01
#201a01
rgb(32,26,1)
-
#332901
#332901
rgb(51,41,1)
-
#463902
#463902
rgb(70,57,2)
-
#594803
#594803
rgb(89,72,3)
-
#6d5703
#6d5703
rgb(109,87,3)
-
#806704
#806704
rgb(128,103,4)
-
#937604
#937604
rgb(147,118,4)
-
#a68605
#a68605
rgb(166,134,5)
-
#b99505
#b99505
rgb(185,149,5)
-
#cca406
#cca406
rgb(204,164,6)
-
#dfb406
#dfb406
rgb(223,180,6)
-
#f2c307
#f2c307
rgb(242,195,7)
-
#f8cb14
#f8cb14
rgb(248,203,20)
-
#f9cf27
#f9cf27
rgb(249,207,39)
-
#f9d33b
#f9d33b
rgb(249,211,59)
-
#fad74e
#fad74e
rgb(250,215,78)
-
#fadc61
#fadc61
rgb(250,220,97)
-
#fbe074
#fbe074
rgb(251,224,116)
-
#fce487
#fce487
rgb(252,228,135)
-
#fce89a
#fce89a
rgb(252,232,154)
-
#fdedad
#fdedad
rgb(253,237,173)
-
#fdf1c0
#fdf1c0
rgb(253,241,192)
-
#fef5d3
#fef5d3
rgb(254,245,211)
-
#fef9e6
#fef9e6
rgb(254,249,230)
-
#fffef9
#fffef9
rgb(255,254,249)
Tones of #f2c307
A tone is produced by adding gray to any pure hue. In this case, #7f7e7a is the less saturated color, while #f2c307 is the most saturated one.
-
#7f7e7a
#7f7e7a
rgb(127,126,122)
-
#898470
#898470
rgb(137,132,112)
-
#928a67
#928a67
rgb(146,138,103)
-
#9c8f5d
#9c8f5d
rgb(156,143,93)
-
#a59554
#a59554
rgb(165,149,84)
-
#af9b4a
#af9b4a
rgb(175,155,74)
-
#b9a140
#b9a140
rgb(185,161,64)
-
#c2a637
#c2a637
rgb(194,166,55)
-
#ccac2d
#ccac2d
rgb(204,172,45)
-
#d5b224
#d5b224
rgb(213,178,36)
-
#dfb81a
#dfb81a
rgb(223,184,26)
-
#e8bd11
#e8bd11
rgb(232,189,17)
-
#f2c307
#f2c307
rgb(242,195,7)
Color Blindness Simulator
Below, you can see how #f2c307 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.