#f7c525 Color Information
In a RGB color space, hex #f7c525 is composed of 96.9% red, 77.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.2% magenta, 85% yellow and 3.1% black. It has a hue angle of 45.7 degrees, a saturation of 92.9% and a lightness of 55.7%. #f7c525 color hex could be obtained by blending #ffff4a with #ef8b00. Closest websafe color is: #ffcc33.
-
- R 97
- G 77
- B 15
-
- C 0
- M 20
- Y 85
- K 3
● #f7c525 color description : Vivid yellow.
#f7c525 Color Conversion
The hexadecimal color #f7c525 has RGB values of R:247, G:197, B:37 and CMYK values of C:0, M:0.2, Y:0.85, K:0.03. Its decimal value is 16237861.
Hex triplet | f7c525 | #f7c525 |
---|---|---|
RGB Decimal | 247, 197, 37 | rgb(247,197,37) |
RGB Percent | 96.9, 77.3, 14.5 | rgb(96.9%,77.3%,14.5%) |
CMYK | 0, 20, 85, 3 | |
HSL | 45.7°, 92.9, 55.7 | hsl(45.7,92.9%,55.7%) |
HSV (or HSB) | 45.7°, 85, 96.9 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.753, 4.35, 77.672 |
---|---|
XYZ | 58.659, 59.843, 10.211 |
xyY | 0.456, 0.465, 59.843 |
CIE-LCH | 81.753, 77.794, 86.795 |
CIE-LUV | 81.753, 42.406, 82.237 |
Hunter-Lab | 77.358, -0.025, 46.324 |
Binary | 11110111, 11000101, 00100101 |
Color Schemes with #f7c525
Alternatives to #f7c525
Below, you can see some colors close to #f7c525. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7c525 Preview
This text has a font color of #f7c525.
<span style="color:#f7c525;">Text here</span>
This paragraph has a background color of #f7c525.
<p style="background-color:#f7c525;">Content here</p>
This element has a border color of #f7c525.
<div style="border:1px solid #f7c525;">Content here</div>
.text {color:#f7c525;}
.background {background-color:#f7c525;}
.border {border:1px solid #f7c525;}
Shades and Tints of #f7c525
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 #fffcf5 is the lightest one.
-
#090700
#090700
rgb(9,7,0)
-
#1c1601
#1c1601
rgb(28,22,1)
-
#2f2402
#2f2402
rgb(47,36,2)
-
#423302
#423302
rgb(66,51,2)
-
#554103
#554103
rgb(85,65,3)
-
#685004
#685004
rgb(104,80,4)
-
#7b5e04
#7b5e04
rgb(123,94,4)
-
#8d6d05
#8d6d05
rgb(141,109,5)
-
#a07c06
#a07c06
rgb(160,124,6)
-
#b38a07
#b38a07
rgb(179,138,7)
-
#c69907
#c69907
rgb(198,153,7)
-
#d9a708
#d9a708
rgb(217,167,8)
-
#ecb609
#ecb609
rgb(236,182,9)
-
#f6c012
#f6c012
rgb(246,192,18)
-
#f7c525
#f7c525
rgb(247,197,37)
-
#f8ca38
#f8ca38
rgb(248,202,56)
-
#f8cf4b
#f8cf4b
rgb(248,207,75)
-
#f9d45e
#f9d45e
rgb(249,212,94)
-
#fad971
#fad971
rgb(250,217,113)
-
#fade84
#fade84
rgb(250,222,132)
-
#fbe397
#fbe397
rgb(251,227,151)
-
#fce8a9
#fce8a9
rgb(252,232,169)
-
#fdedbc
#fdedbc
rgb(253,237,188)
-
#fdf2cf
#fdf2cf
rgb(253,242,207)
-
#fef7e2
#fef7e2
rgb(254,247,226)
-
#fffcf5
#fffcf5
rgb(255,252,245)
Tones of #f7c525
A tone is produced by adding gray to any pure hue. In this case, #8f8e8d is the less saturated color, while #f7c525 is the most saturated one.
-
#8f8e8d
#8f8e8d
rgb(143,142,141)
-
#979385
#979385
rgb(151,147,133)
-
#a0977c
#a0977c
rgb(160,151,124)
-
#a99c73
#a99c73
rgb(169,156,115)
-
#b1a16b
#b1a16b
rgb(177,161,107)
-
#baa562
#baa562
rgb(186,165,98)
-
#c3aa59
#c3aa59
rgb(195,170,89)
-
#ccae50
#ccae50
rgb(204,174,80)
-
#d4b348
#d4b348
rgb(212,179,72)
-
#ddb73f
#ddb73f
rgb(221,183,63)
-
#e6bc36
#e6bc36
rgb(230,188,54)
-
#eec02e
#eec02e
rgb(238,192,46)
-
#f7c525
#f7c525
rgb(247,197,37)
Color Blindness Simulator
Below, you can see how #f7c525 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.