#f4c300 Color Information
In a RGB color space, hex #f4c300 is composed of 95.7% red, 76.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 100% yellow and 4.3% black. It has a hue angle of 48 degrees, a saturation of 100% and a lightness of 47.8%. #f4c300 color hex could be obtained by blending #ffff00 with #e98700. Closest websafe color is: #ffcc00.
-
- R 96
- G 76
- B 0
-
- C 0
- M 20
- Y 100
- K 4
● #f4c300 color description : Pure (or mostly pure) yellow.
#f4c300 Color Conversion
The hexadecimal color #f4c300 has RGB values of R:244, G:195, B:0 and CMYK values of C:0, M:0.2, Y:1, K:0.04. Its decimal value is 16040704.
Hex triplet | f4c300 | #f4c300 |
---|---|---|
RGB Decimal | 244, 195, 0 | rgb(244,195,0) |
RGB Percent | 95.7, 76.5, 0 | rgb(95.7%,76.5%,0%) |
CMYK | 0, 20, 100, 4 | |
HSL | 48°, 100, 47.8 | hsl(48,100%,47.8%) |
HSV (or HSB) | 48°, 100, 95.7 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 80.886, 3.599, 82.403 |
---|---|
XYZ | 56.824, 58.266, 8.254 |
xyY | 0.461, 0.472, 58.266 |
CIE-LCH | 80.886, 82.481, 87.499 |
CIE-LUV | 80.886, 42.087, 84.581 |
Hunter-Lab | 76.332, -0.7, 47.022 |
Binary | 11110100, 11000011, 00000000 |
Color Schemes with #f4c300
Alternatives to #f4c300
Below, you can see some colors close to #f4c300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4c300 Preview
This text has a font color of #f4c300.
<span style="color:#f4c300;">Text here</span>
This paragraph has a background color of #f4c300.
<p style="background-color:#f4c300;">Content here</p>
This element has a border color of #f4c300.
<div style="border:1px solid #f4c300;">Content here</div>
.text {color:#f4c300;}
.background {background-color:#f4c300;}
.border {border:1px solid #f4c300;}
Shades and Tints of #f4c300
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 #fffdf4 is the lightest one.
-
#090700
#090700
rgb(9,7,0)
-
#1c1700
#1c1700
rgb(28,23,0)
-
#302600
#302600
rgb(48,38,0)
-
#433600
#433600
rgb(67,54,0)
-
#574600
#574600
rgb(87,70,0)
-
#6b5500
#6b5500
rgb(107,85,0)
-
#7e6500
#7e6500
rgb(126,101,0)
-
#927500
#927500
rgb(146,117,0)
-
#a68400
#a68400
rgb(166,132,0)
-
#b99400
#b99400
rgb(185,148,0)
-
#cda400
#cda400
rgb(205,164,0)
-
#e0b300
#e0b300
rgb(224,179,0)
-
#f4c300
#f4c300
rgb(244,195,0)
-
#ffce09
#ffce09
rgb(255,206,9)
-
#ffd11c
#ffd11c
rgb(255,209,28)
-
#ffd530
#ffd530
rgb(255,213,48)
-
#ffd943
#ffd943
rgb(255,217,67)
-
#ffdd57
#ffdd57
rgb(255,221,87)
-
#ffe16b
#ffe16b
rgb(255,225,107)
-
#ffe57e
#ffe57e
rgb(255,229,126)
-
#ffe992
#ffe992
rgb(255,233,146)
-
#ffeda6
#ffeda6
rgb(255,237,166)
-
#fff1b9
#fff1b9
rgb(255,241,185)
-
#fff5cd
#fff5cd
rgb(255,245,205)
-
#fff9e0
#fff9e0
rgb(255,249,224)
-
#fffdf4
#fffdf4
rgb(255,253,244)
Tones of #f4c300
A tone is produced by adding gray to any pure hue. In this case, #838071 is the less saturated color, while #f4c300 is the most saturated one.
-
#838071
#838071
rgb(131,128,113)
-
#8d8567
#8d8567
rgb(141,133,103)
-
#968b5e
#968b5e
rgb(150,139,94)
-
#a09054
#a09054
rgb(160,144,84)
-
#a9964b
#a9964b
rgb(169,150,75)
-
#b29c42
#b29c42
rgb(178,156,66)
-
#bca138
#bca138
rgb(188,161,56)
-
#c5a72f
#c5a72f
rgb(197,167,47)
-
#cead26
#cead26
rgb(206,173,38)
-
#d8b21c
#d8b21c
rgb(216,178,28)
-
#e1b813
#e1b813
rgb(225,184,19)
-
#ebbd09
#ebbd09
rgb(235,189,9)
-
#f4c300
#f4c300
rgb(244,195,0)
Color Blindness Simulator
Below, you can see how #f4c300 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.