#f4bc64 Color Information
In a RGB color space, hex #f4bc64 is composed of 95.7% red, 73.7% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23% magenta, 59% yellow and 4.3% black. It has a hue angle of 36.7 degrees, a saturation of 86.7% and a lightness of 67.5%. #f4bc64 color hex could be obtained by blending #ffffc8 with #e97900. Closest websafe color is: #ffcc66.
-
- R 96
- G 74
- B 39
-
- C 0
- M 23
- Y 59
- K 4
● #f4bc64 color description : Soft orange.
#f4bc64 Color Conversion
The hexadecimal color #f4bc64 has RGB values of R:244, G:188, B:100 and CMYK values of C:0, M:0.23, Y:0.59, K:0.04. Its decimal value is 16039012.
Hex triplet | f4bc64 | #f4bc64 |
---|---|---|
RGB Decimal | 244, 188, 100 | rgb(244,188,100) |
RGB Percent | 95.7, 73.7, 39.2 | rgb(95.7%,73.7%,39.2%) |
CMYK | 0, 23, 59, 4 | |
HSL | 36.7°, 86.7, 67.5 | hsl(36.7,86.7%,67.5%) |
HSV (or HSB) | 36.7°, 59, 95.7 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.683, 10.674, 51.557 |
---|---|
XYZ | 57.592, 56.122, 19.855 |
xyY | 0.431, 0.42, 56.122 |
CIE-LCH | 79.683, 52.65, 78.303 |
CIE-LUV | 79.683, 43.901, 60.457 |
Hunter-Lab | 74.915, 6.124, 36.726 |
Binary | 11110100, 10111100, 01100100 |
Color Schemes with #f4bc64
Alternatives to #f4bc64
Below, you can see some colors close to #f4bc64. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4bc64 Preview
This text has a font color of #f4bc64.
<span style="color:#f4bc64;">Text here</span>
This paragraph has a background color of #f4bc64.
<p style="background-color:#f4bc64;">Content here</p>
This element has a border color of #f4bc64.
<div style="border:1px solid #f4bc64;">Content here</div>
.text {color:#f4bc64;}
.background {background-color:#f4bc64;}
.border {border:1px solid #f4bc64;}
Shades and Tints of #f4bc64
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, #0a0601 is the darkest color, while #fefbf7 is the lightest one.
-
#0a0601
#0a0601
rgb(10,6,1)
-
#1c1202
#1c1202
rgb(28,18,2)
-
#2e1e03
#2e1e03
rgb(46,30,3)
-
#412905
#412905
rgb(65,41,5)
-
#533506
#533506
rgb(83,53,6)
-
#654107
#654107
rgb(101,65,7)
-
#784c08
#784c08
rgb(120,76,8)
-
#8a580a
#8a580a
rgb(138,88,10)
-
#9c640b
#9c640b
rgb(156,100,11)
-
#af700c
#af700c
rgb(175,112,12)
-
#c17b0e
#c17b0e
rgb(193,123,14)
-
#d3870f
#d3870f
rgb(211,135,15)
-
#e69310
#e69310
rgb(230,147,16)
-
#ef9c1b
#ef9c1b
rgb(239,156,27)
-
#f0a42d
#f0a42d
rgb(240,164,45)
-
#f1ac3f
#f1ac3f
rgb(241,172,63)
-
#f3b452
#f3b452
rgb(243,180,82)
-
#f4bc64
#f4bc64
rgb(244,188,100)
-
#f5c476
#f5c476
rgb(245,196,118)
-
#f7cc89
#f7cc89
rgb(247,204,137)
-
#f8d49b
#f8d49b
rgb(248,212,155)
-
#f9dcad
#f9dcad
rgb(249,220,173)
-
#fae4c0
#fae4c0
rgb(250,228,192)
-
#fcecd2
#fcecd2
rgb(252,236,210)
-
#fdf3e4
#fdf3e4
rgb(253,243,228)
-
#fefbf7
#fefbf7
rgb(254,251,247)
Tones of #f4bc64
A tone is produced by adding gray to any pure hue. In this case, #aeacaa is the less saturated color, while #fabd5e is the most saturated one.
-
#aeacaa
#aeacaa
rgb(174,172,170)
-
#b4aea4
#b4aea4
rgb(180,174,164)
-
#bbaf9d
#bbaf9d
rgb(187,175,157)
-
#c1b197
#c1b197
rgb(193,177,151)
-
#c7b291
#c7b291
rgb(199,178,145)
-
#ceb38a
#ceb38a
rgb(206,179,138)
-
#d4b584
#d4b584
rgb(212,181,132)
-
#dab67e
#dab67e
rgb(218,182,126)
-
#e1b877
#e1b877
rgb(225,184,119)
-
#e7b971
#e7b971
rgb(231,185,113)
-
#eebb6a
#eebb6a
rgb(238,187,106)
-
#f4bc64
#f4bc64
rgb(244,188,100)
-
#fabd5e
#fabd5e
rgb(250,189,94)
Color Blindness Simulator
Below, you can see how #f4bc64 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.