#f7c307 Color Information
In a RGB color space, hex #f7c307 is composed of 96.9% red, 76.5% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 97.2% yellow and 3.1% black. It has a hue angle of 47 degrees, a saturation of 94.5% and a lightness of 49.8%. #f7c307 color hex could be obtained by blending #ffff0e with #ef8700. Closest websafe color is: #ffcc00.
-
- R 97
- G 76
- B 3
-
- C 0
- M 21
- Y 97
- K 3
● #f7c307 color description : Vivid yellow.
#f7c307 Color Conversion
The hexadecimal color #f7c307 has RGB values of R:247, G:195, B:7 and CMYK values of C:0, M:0.21, Y:0.97, K:0.03. Its decimal value is 16237319.
Hex triplet | f7c307 | #f7c307 |
---|---|---|
RGB Decimal | 247, 195, 7 | rgb(247,195,7) |
RGB Percent | 96.9, 76.5, 2.7 | rgb(96.9%,76.5%,2.7%) |
CMYK | 0, 21, 97, 3 | |
HSL | 47°, 94.5, 49.8 | hsl(47,94.5%,49.8%) |
HSV (or HSB) | 47°, 97.2, 96.9 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 81.194, 4.945, 82.083 |
---|---|
XYZ | 57.912, 58.823, 8.505 |
xyY | 0.462, 0.47, 58.823 |
CIE-LCH | 81.194, 82.232, 86.553 |
CIE-LUV | 81.194, 44.354, 84.266 |
Hunter-Lab | 76.696, 0.566, 47.113 |
Binary | 11110111, 11000011, 00000111 |
Color Schemes with #f7c307
Alternatives to #f7c307
Below, you can see some colors close to #f7c307. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7c307 Preview
This text has a font color of #f7c307.
<span style="color:#f7c307;">Text here</span>
This paragraph has a background color of #f7c307.
<p style="background-color:#f7c307;">Content here</p>
This element has a border color of #f7c307.
<div style="border:1px solid #f7c307;">Content here</div>
.text {color:#f7c307;}
.background {background-color:#f7c307;}
.border {border:1px solid #f7c307;}
Shades and Tints of #f7c307
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, #120e01 is the darkest color, while #fffffe is the lightest one.
-
#120e01
#120e01
rgb(18,14,1)
-
#251d01
#251d01
rgb(37,29,1)
-
#382c02
#382c02
rgb(56,44,2)
-
#4b3b02
#4b3b02
rgb(75,59,2)
-
#5e4b03
#5e4b03
rgb(94,75,3)
-
#715a03
#715a03
rgb(113,90,3)
-
#856904
#856904
rgb(133,105,4)
-
#987804
#987804
rgb(152,120,4)
-
#ab8705
#ab8705
rgb(171,135,5)
-
#be9605
#be9605
rgb(190,150,5)
-
#d1a506
#d1a506
rgb(209,165,6)
-
#e4b406
#e4b406
rgb(228,180,6)
-
#f7c307
#f7c307
rgb(247,195,7)
-
#f8c819
#f8c819
rgb(248,200,25)
-
#f9cd2c
#f9cd2c
rgb(249,205,44)
-
#fad13f
#fad13f
rgb(250,209,63)
-
#fad652
#fad652
rgb(250,214,82)
-
#fbda65
#fbda65
rgb(251,218,101)
-
#fbdf79
#fbdf79
rgb(251,223,121)
-
#fce38c
#fce38c
rgb(252,227,140)
-
#fce89f
#fce89f
rgb(252,232,159)
-
#fdedb2
#fdedb2
rgb(253,237,178)
-
#fdf1c5
#fdf1c5
rgb(253,241,197)
-
#fef6d8
#fef6d8
rgb(254,246,216)
-
#fefaeb
#fefaeb
rgb(254,250,235)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f7c307
A tone is produced by adding gray to any pure hue. In this case, #82817c is the less saturated color, while #f7c307 is the most saturated one.
-
#82817c
#82817c
rgb(130,129,124)
-
#8c8672
#8c8672
rgb(140,134,114)
-
#958c69
#958c69
rgb(149,140,105)
-
#9f915f
#9f915f
rgb(159,145,95)
-
#a99755
#a99755
rgb(169,151,85)
-
#b39c4b
#b39c4b
rgb(179,156,75)
-
#bca242
#bca242
rgb(188,162,66)
-
#c6a738
#c6a738
rgb(198,167,56)
-
#d0ad2e
#d0ad2e
rgb(208,173,46)
-
#dab224
#dab224
rgb(218,178,36)
-
#e3b81b
#e3b81b
rgb(227,184,27)
-
#edbd11
#edbd11
rgb(237,189,17)
-
#f7c307
#f7c307
rgb(247,195,7)
Color Blindness Simulator
Below, you can see how #f7c307 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.