#f4c150 Color Information
In a RGB color space, hex #f4c150 is composed of 95.7% red, 75.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.9% magenta, 67.2% yellow and 4.3% black. It has a hue angle of 41.3 degrees, a saturation of 88.2% and a lightness of 63.5%. #f4c150 color hex could be obtained by blending #ffffa0 with #e98300. Closest websafe color is: #ffcc66.
-
- R 96
- G 76
- B 31
-
- C 0
- M 21
- Y 67
- K 4
● #f4c150 color description : Soft orange.
#f4c150 Color Conversion
The hexadecimal color #f4c150 has RGB values of R:244, G:193, B:80 and CMYK values of C:0, M:0.21, Y:0.67, K:0.04. Its decimal value is 16040272.
Hex triplet | f4c150 | #f4c150 |
---|---|---|
RGB Decimal | 244, 193, 80 | rgb(244,193,80) |
RGB Percent | 95.7, 75.7, 31.4 | rgb(95.7%,75.7%,31.4%) |
CMYK | 0, 21, 67, 4 | |
HSL | 41.3°, 88.2, 63.5 | hsl(41.3,88.2%,63.5%) |
HSV (or HSB) | 41.3°, 67.2, 95.7 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.714, 6.807, 61.806 |
---|---|
XYZ | 57.827, 57.955, 15.73 |
xyY | 0.44, 0.441, 57.955 |
CIE-LCH | 80.714, 62.179, 83.715 |
CIE-LUV | 80.714, 41.509, 70.296 |
Hunter-Lab | 76.128, 2.364, 41.039 |
Binary | 11110100, 11000001, 01010000 |
Color Schemes with #f4c150
Alternatives to #f4c150
Below, you can see some colors close to #f4c150. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4c150 Preview
This text has a font color of #f4c150.
<span style="color:#f4c150;">Text here</span>
This paragraph has a background color of #f4c150.
<p style="background-color:#f4c150;">Content here</p>
This element has a border color of #f4c150.
<div style="border:1px solid #f4c150;">Content here</div>
.text {color:#f4c150;}
.background {background-color:#f4c150;}
.border {border:1px solid #f4c150;}
Shades and Tints of #f4c150
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, #0a0701 is the darkest color, while #fefcf6 is the lightest one.
-
#0a0701
#0a0701
rgb(10,7,1)
-
#1c1402
#1c1402
rgb(28,20,2)
-
#2e2103
#2e2103
rgb(46,33,3)
-
#412e04
#412e04
rgb(65,46,4)
-
#533b05
#533b05
rgb(83,59,5)
-
#664806
#664806
rgb(102,72,6)
-
#785508
#785508
rgb(120,85,8)
-
#8b6209
#8b6209
rgb(139,98,9)
-
#9d6f0a
#9d6f0a
rgb(157,111,10)
-
#b07c0b
#b07c0b
rgb(176,124,11)
-
#c28a0c
#c28a0c
rgb(194,138,12)
-
#d5970d
#d5970d
rgb(213,151,13)
-
#e7a40f
#e7a40f
rgb(231,164,15)
-
#f1ad19
#f1ad19
rgb(241,173,25)
-
#f2b42b
#f2b42b
rgb(242,180,43)
-
#f3ba3e
#f3ba3e
rgb(243,186,62)
-
#f4c150
#f4c150
rgb(244,193,80)
-
#f5c862
#f5c862
rgb(245,200,98)
-
#f6ce75
#f6ce75
rgb(246,206,117)
-
#f7d587
#f7d587
rgb(247,213,135)
-
#f9db9a
#f9db9a
rgb(249,219,154)
-
#fae2ac
#fae2ac
rgb(250,226,172)
-
#fbe8bf
#fbe8bf
rgb(251,232,191)
-
#fcefd1
#fcefd1
rgb(252,239,209)
-
#fdf5e4
#fdf5e4
rgb(253,245,228)
-
#fefcf6
#fefcf6
rgb(254,252,246)
Tones of #f4c150
A tone is produced by adding gray to any pure hue. In this case, #a5a39f is the less saturated color, while #fbc449 is the most saturated one.
-
#a5a39f
#a5a39f
rgb(165,163,159)
-
#aca698
#aca698
rgb(172,166,152)
-
#b4a990
#b4a990
rgb(180,169,144)
-
#bbab89
#bbab89
rgb(187,171,137)
-
#c2ae82
#c2ae82
rgb(194,174,130)
-
#c9b17b
#c9b17b
rgb(201,177,123)
-
#d0b374
#d0b374
rgb(208,179,116)
-
#d7b66d
#d7b66d
rgb(215,182,109)
-
#dfb965
#dfb965
rgb(223,185,101)
-
#e6bc5e
#e6bc5e
rgb(230,188,94)
-
#edbe57
#edbe57
rgb(237,190,87)
-
#f4c150
#f4c150
rgb(244,193,80)
-
#fbc449
#fbc449
rgb(251,196,73)
Color Blindness Simulator
Below, you can see how #f4c150 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.