#f5c301 Color Information
In a RGB color space, hex #f5c301 is composed of 96.1% red, 76.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.4% magenta, 99.6% yellow and 3.9% black. It has a hue angle of 47.7 degrees, a saturation of 99.2% and a lightness of 48.2%. #f5c301 color hex could be obtained by blending #ffff02 with #eb8700. Closest websafe color is: #ffcc00.
-
- R 96
- G 76
- B 0
-
- C 0
- M 20
- Y 100
- K 4
● #f5c301 color description : Vivid yellow.
#f5c301 Color Conversion
The hexadecimal color #f5c301 has RGB values of R:245, G:195, B:1 and CMYK values of C:0, M:0.2, Y:1, K:0.04. Its decimal value is 16106241.
Hex triplet | f5c301 | #f5c301 |
---|---|---|
RGB Decimal | 245, 195, 1 | rgb(245,195,1) |
RGB Percent | 96.1, 76.5, 0.4 | rgb(96.1%,76.5%,0.4%) |
CMYK | 0, 20, 100, 4 | |
HSL | 47.7°, 99.2, 48.2 | hsl(47.7,99.2%,48.2%) |
HSV (or HSB) | 47.7°, 99.6, 96.1 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.987, 4.037, 82.422 |
---|---|
XYZ | 57.178, 58.448, 8.299 |
xyY | 0.461, 0.472, 58.448 |
CIE-LCH | 80.987, 82.521, 87.196 |
CIE-LUV | 80.987, 42.852, 84.545 |
Hunter-Lab | 76.451, -0.289, 47.08 |
Binary | 11110101, 11000011, 00000001 |
Color Schemes with #f5c301
Alternatives to #f5c301
Below, you can see some colors close to #f5c301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5c301 Preview
This text has a font color of #f5c301.
<span style="color:#f5c301;">Text here</span>
This paragraph has a background color of #f5c301.
<p style="background-color:#f5c301;">Content here</p>
This element has a border color of #f5c301.
<div style="border:1px solid #f5c301;">Content here</div>
.text {color:#f5c301;}
.background {background-color:#f5c301;}
.border {border:1px solid #f5c301;}
Shades and Tints of #f5c301
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, #0b0800 is the darkest color, while #fffdf6 is the lightest one.
-
#0b0800
#0b0800
rgb(11,8,0)
-
#1e1800
#1e1800
rgb(30,24,0)
-
#322800
#322800
rgb(50,40,0)
-
#453700
#453700
rgb(69,55,0)
-
#594700
#594700
rgb(89,71,0)
-
#6c5600
#6c5600
rgb(108,86,0)
-
#806601
#806601
rgb(128,102,1)
-
#937501
#937501
rgb(147,117,1)
-
#a78501
#a78501
rgb(167,133,1)
-
#ba9401
#ba9401
rgb(186,148,1)
-
#cea401
#cea401
rgb(206,164,1)
-
#e1b301
#e1b301
rgb(225,179,1)
-
#f5c301
#f5c301
rgb(245,195,1)
-
#fecc0c
#fecc0c
rgb(254,204,12)
-
#fed01f
#fed01f
rgb(254,208,31)
-
#fed433
#fed433
rgb(254,212,51)
-
#fed946
#fed946
rgb(254,217,70)
-
#fedd5a
#fedd5a
rgb(254,221,90)
-
#fee16d
#fee16d
rgb(254,225,109)
-
#fee581
#fee581
rgb(254,229,129)
-
#ffe994
#ffe994
rgb(255,233,148)
-
#ffeda8
#ffeda8
rgb(255,237,168)
-
#fff1bb
#fff1bb
rgb(255,241,187)
-
#fff5cf
#fff5cf
rgb(255,245,207)
-
#fff9e3
#fff9e3
rgb(255,249,227)
-
#fffdf6
#fffdf6
rgb(255,253,246)
Tones of #f5c301
A tone is produced by adding gray to any pure hue. In this case, #838073 is the less saturated color, while #f5c301 is the most saturated one.
-
#838073
#838073
rgb(131,128,115)
-
#8d8669
#8d8669
rgb(141,134,105)
-
#968b60
#968b60
rgb(150,139,96)
-
#a09156
#a09156
rgb(160,145,86)
-
#a9964d
#a9964d
rgb(169,150,77)
-
#b39c43
#b39c43
rgb(179,156,67)
-
#bca13a
#bca13a
rgb(188,161,58)
-
#c6a730
#c6a730
rgb(198,167,48)
-
#cfad27
#cfad27
rgb(207,173,39)
-
#d9b21d
#d9b21d
rgb(217,178,29)
-
#e2b814
#e2b814
rgb(226,184,20)
-
#ecbd0a
#ecbd0a
rgb(236,189,10)
-
#f5c301
#f5c301
rgb(245,195,1)
Color Blindness Simulator
Below, you can see how #f5c301 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.