#f5c505 Color Information
In a RGB color space, hex #f5c505 is composed of 96.1% red, 77.3% green and 2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 98% yellow and 3.9% black. It has a hue angle of 48 degrees, a saturation of 96% and a lightness of 49%. #f5c505 color hex could be obtained by blending #ffff0a with #eb8b00. Closest websafe color is: #ffcc00.
-
- R 96
- G 77
- B 2
-
- C 0
- M 20
- Y 98
- K 4
● #f5c505 color description : Vivid yellow.
#f5c505 Color Conversion
The hexadecimal color #f5c505 has RGB values of R:245, G:197, B:5 and CMYK values of C:0, M:0.2, Y:0.98, K:0.04. Its decimal value is 16106757.
| Hex triplet | f5c505 | #f5c505 |
|---|---|---|
| RGB Decimal | 245, 197, 5 | rgb(245,197,5) |
| RGB Percent | 96.1, 77.3, 2 | rgb(96.1%,77.3%,2%) |
| CMYK | 0, 20, 98, 4 | |
| HSL | 48°, 96, 49 | hsl(48,96%,49%) |
| HSV (or HSB) | 48°, 98, 96.1 | |
| Web Safe | ffcc00 | #ffcc00 |
| CIE-LAB | 81.488, 3.037, 82.391 |
|---|---|
| XYZ | 57.651, 59.359, 8.565 |
| xyY | 0.459, 0.473, 59.359 |
| CIE-LCH | 81.488, 82.447, 87.889 |
| CIE-LUV | 81.488, 41.3, 85.074 |
| Hunter-Lab | 77.045, -1.26, 47.34 |
| Binary | 11110101, 11000101, 00000101 |
Color Schemes with #f5c505
Alternatives to #f5c505
Below, you can see some colors close to #f5c505. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5c505 Preview
This text has a font color of #f5c505.
<span style="color:#f5c505;">Text here</span>
This paragraph has a background color of #f5c505.
<p style="background-color:#f5c505;">Content here</p>
This element has a border color of #f5c505.
<div style="border:1px solid #f5c505;">Content here</div>
.text {color:#f5c505;}
.background {background-color:#f5c505;}
.border {border:1px solid #f5c505;}
Shades and Tints of #f5c505
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, #0e0c00 is the darkest color, while #fffefa is the lightest one.
-
#0e0c00
#0e0c00rgb(14,12,0) -
#221b01
#221b01rgb(34,27,1) -
#352a01
#352a01rgb(53,42,1) -
#483a01
#483a01rgb(72,58,1) -
#5b4902
#5b4902rgb(91,73,2) -
#6e5902
#6e5902rgb(110,89,2) -
#826803
#826803rgb(130,104,3) -
#957803
#957803rgb(149,120,3) -
#a88703
#a88703rgb(168,135,3) -
#bb9704
#bb9704rgb(187,151,4) -
#cfa604
#cfa604rgb(207,166,4) -
#e2b605
#e2b605rgb(226,182,5) -
#f5c505
#f5c505rgb(245,197,5)
-
#facc13
#facc13rgb(250,204,19) -
#fbd027
#fbd027rgb(251,208,39) -
#fbd43a
#fbd43argb(251,212,58) -
#fbd94d
#fbd94drgb(251,217,77) -
#fcdd60
#fcdd60rgb(252,221,96) -
#fce174
#fce174rgb(252,225,116) -
#fde587
#fde587rgb(253,229,135) -
#fde99a
#fde99argb(253,233,154) -
#fdedad
#fdedadrgb(253,237,173) -
#fef1c0
#fef1c0rgb(254,241,192) -
#fef6d4
#fef6d4rgb(254,246,212) -
#fffae7
#fffae7rgb(255,250,231) -
#fffefa
#fffefargb(255,254,250)
Tones of #f5c505
A tone is produced by adding gray to any pure hue. In this case, #828078 is the less saturated color, while #f5c505 is the most saturated one.
-
#828078
#828078rgb(130,128,120) -
#8b866f
#8b866frgb(139,134,111) -
#958b65
#958b65rgb(149,139,101) -
#9e915c
#9e915crgb(158,145,92) -
#a89752
#a89752rgb(168,151,82) -
#b29d48
#b29d48rgb(178,157,72) -
#bba23f
#bba23frgb(187,162,63) -
#c5a835
#c5a835rgb(197,168,53) -
#cfae2b
#cfae2brgb(207,174,43) -
#d8b422
#d8b422rgb(216,180,34) -
#e2b918
#e2b918rgb(226,185,24) -
#ebbf0f
#ebbf0frgb(235,191,15) -
#f5c505
#f5c505rgb(245,197,5)
Color Blindness Simulator
Below, you can see how #f5c505 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.
