#f5f301 Color Information
In a RGB color space, hex #f5f301 is composed of 96.1% red, 95.3% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.8% magenta, 99.6% yellow and 3.9% black. It has a hue angle of 59.5 degrees, a saturation of 99.2% and a lightness of 48.2%. #f5f301 color hex could be obtained by blending #ffff02 with #ebe700. Closest websafe color is: #ffff00.
-
- R 96
- G 95
- B 0
-
- C 0
- M 1
- Y 100
- K 4
● #f5f301 color description : Vivid yellow.
#f5f301 Color Conversion
The hexadecimal color #f5f301 has RGB values of R:245, G:243, B:1 and CMYK values of C:0, M:0.01, Y:1, K:0.04. Its decimal value is 16118529.
Hex triplet | f5f301 | #f5f301 |
---|---|---|
RGB Decimal | 245, 243, 1 | rgb(245,243,1) |
RGB Percent | 96.1, 95.3, 0.4 | rgb(96.1%,95.3%,0.4%) |
CMYK | 0, 1, 100, 4 | |
HSL | 59.5°, 99.2, 48.2 | hsl(59.5,99.2%,48.2%) |
HSV (or HSB) | 59.5°, 99.6, 96.1 | |
Web Safe | ffff00 | #ffff00 |
CIE-LAB | 93.24, -19.949, 91.202 |
---|---|
XYZ | 69.713, 83.517, 12.477 |
xyY | 0.421, 0.504, 83.517 |
CIE-LCH | 93.24, 93.358, 102.338 |
CIE-LUV | 93.24, 8.742, 102.293 |
Hunter-Lab | 91.388, -23.765, 55.877 |
Binary | 11110101, 11110011, 00000001 |
Color Schemes with #f5f301
Alternatives to #f5f301
Below, you can see some colors close to #f5f301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5f301 Preview
This text has a font color of #f5f301.
<span style="color:#f5f301;">Text here</span>
This paragraph has a background color of #f5f301.
<p style="background-color:#f5f301;">Content here</p>
This element has a border color of #f5f301.
<div style="border:1px solid #f5f301;">Content here</div>
.text {color:#f5f301;}
.background {background-color:#f5f301;}
.border {border:1px solid #f5f301;}
Shades and Tints of #f5f301
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, #0b0a00 is the darkest color, while #fffff6 is the lightest one.
-
#0b0a00
#0b0a00
rgb(11,10,0)
-
#1e1e00
#1e1e00
rgb(30,30,0)
-
#323100
#323100
rgb(50,49,0)
-
#454500
#454500
rgb(69,69,0)
-
#595800
#595800
rgb(89,88,0)
-
#6c6b00
#6c6b00
rgb(108,107,0)
-
#807f01
#807f01
rgb(128,127,1)
-
#939201
#939201
rgb(147,146,1)
-
#a7a501
#a7a501
rgb(167,165,1)
-
#bab901
#bab901
rgb(186,185,1)
-
#cecc01
#cecc01
rgb(206,204,1)
-
#e1e001
#e1e001
rgb(225,224,1)
-
#f5f301
#f5f301
rgb(245,243,1)
-
#fefc0c
#fefc0c
rgb(254,252,12)
-
#fefc1f
#fefc1f
rgb(254,252,31)
-
#fefc33
#fefc33
rgb(254,252,51)
-
#fefd46
#fefd46
rgb(254,253,70)
-
#fefd5a
#fefd5a
rgb(254,253,90)
-
#fefd6d
#fefd6d
rgb(254,253,109)
-
#fefd81
#fefd81
rgb(254,253,129)
-
#fffe94
#fffe94
rgb(255,254,148)
-
#fffea8
#fffea8
rgb(255,254,168)
-
#fffebb
#fffebb
rgb(255,254,187)
-
#fffecf
#fffecf
rgb(255,254,207)
-
#ffffe3
#ffffe3
rgb(255,255,227)
-
#fffff6
#fffff6
rgb(255,255,246)
Tones of #f5f301
A tone is produced by adding gray to any pure hue. In this case, #838373 is the less saturated color, while #f5f301 is the most saturated one.
-
#838373
#838373
rgb(131,131,115)
-
#8d8d69
#8d8d69
rgb(141,141,105)
-
#969660
#969660
rgb(150,150,96)
-
#a09f56
#a09f56
rgb(160,159,86)
-
#a9a94d
#a9a94d
rgb(169,169,77)
-
#b3b243
#b3b243
rgb(179,178,67)
-
#bcbb3a
#bcbb3a
rgb(188,187,58)
-
#c6c430
#c6c430
rgb(198,196,48)
-
#cfce27
#cfce27
rgb(207,206,39)
-
#d9d71d
#d9d71d
rgb(217,215,29)
-
#e2e014
#e2e014
rgb(226,224,20)
-
#ecea0a
#ecea0a
rgb(236,234,10)
-
#f5f301
#f5f301
rgb(245,243,1)
Color Blindness Simulator
Below, you can see how #f5f301 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.