#f4bc31 Color Information
In a RGB color space, hex #f4bc31 is composed of 95.7% red, 73.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23% magenta, 79.9% yellow and 4.3% black. It has a hue angle of 42.8 degrees, a saturation of 89.9% and a lightness of 57.5%. #f4bc31 color hex could be obtained by blending #ffff62 with #e97900. Closest websafe color is: #ffcc33.
-
- R 96
- G 74
- B 19
-
- C 0
- M 23
- Y 80
- K 4
● #f4bc31 color description : Bright orange.
#f4bc31 Color Conversion
The hexadecimal color #f4bc31 has RGB values of R:244, G:188, B:49 and CMYK values of C:0, M:0.23, Y:0.8, K:0.04. Its decimal value is 16038961.
Hex triplet | f4bc31 | #f4bc31 |
---|---|---|
RGB Decimal | 244, 188, 49 | rgb(244,188,49) |
RGB Percent | 95.7, 73.7, 19.2 | rgb(95.7%,73.7%,19.2%) |
CMYK | 0, 23, 80, 4 | |
HSL | 42.8°, 89.9, 57.5 | hsl(42.8,89.9%,57.5%) |
HSV (or HSB) | 42.8°, 79.9, 95.7 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 79.285, 8.073, 72.1 |
---|---|
XYZ | 55.847, 55.424, 10.662 |
xyY | 0.458, 0.455, 55.424 |
CIE-LCH | 79.285, 72.551, 83.611 |
CIE-LUV | 79.285, 46.572, 76.613 |
Hunter-Lab | 74.447, 3.619, 43.622 |
Binary | 11110100, 10111100, 00110001 |
Color Schemes with #f4bc31
Alternatives to #f4bc31
Below, you can see some colors close to #f4bc31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4bc31 Preview
This text has a font color of #f4bc31.
<span style="color:#f4bc31;">Text here</span>
This paragraph has a background color of #f4bc31.
<p style="background-color:#f4bc31;">Content here</p>
This element has a border color of #f4bc31.
<div style="border:1px solid #f4bc31;">Content here</div>
.text {color:#f4bc31;}
.background {background-color:#f4bc31;}
.border {border:1px solid #f4bc31;}
Shades and Tints of #f4bc31
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, #110d01 is the darkest color, while #fffffe is the lightest one.
-
#110d01
#110d01
rgb(17,13,1)
-
#241a02
#241a02
rgb(36,26,2)
-
#372803
#372803
rgb(55,40,3)
-
#493504
#493504
rgb(73,53,4)
-
#5c4305
#5c4305
rgb(92,67,5)
-
#6f5106
#6f5106
rgb(111,81,6)
-
#815e07
#815e07
rgb(129,94,7)
-
#946c08
#946c08
rgb(148,108,8)
-
#a67909
#a67909
rgb(166,121,9)
-
#b9870a
#b9870a
rgb(185,135,10)
-
#cc940b
#cc940b
rgb(204,148,11)
-
#dea20c
#dea20c
rgb(222,162,12)
-
#f1af0d
#f1af0d
rgb(241,175,13)
-
#f3b61e
#f3b61e
rgb(243,182,30)
-
#f4bc31
#f4bc31
rgb(244,188,49)
-
#f5c244
#f5c244
rgb(245,194,68)
-
#f6c856
#f6c856
rgb(246,200,86)
-
#f7ce69
#f7ce69
rgb(247,206,105)
-
#f8d47b
#f8d47b
rgb(248,212,123)
-
#f9da8e
#f9da8e
rgb(249,218,142)
-
#fae0a1
#fae0a1
rgb(250,224,161)
-
#fbe6b3
#fbe6b3
rgb(251,230,179)
-
#fcecc6
#fcecc6
rgb(252,236,198)
-
#fdf3d9
#fdf3d9
rgb(253,243,217)
-
#fef9eb
#fef9eb
rgb(254,249,235)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f4bc31
A tone is produced by adding gray to any pure hue. In this case, #98958d is the less saturated color, while #fcc029 is the most saturated one.
-
#98958d
#98958d
rgb(152,149,141)
-
#a19884
#a19884
rgb(161,152,132)
-
#a99c7c
#a99c7c
rgb(169,156,124)
-
#b1a074
#b1a074
rgb(177,160,116)
-
#baa36b
#baa36b
rgb(186,163,107)
-
#c2a763
#c2a763
rgb(194,167,99)
-
#caaa5b
#caaa5b
rgb(202,170,91)
-
#d3ae52
#d3ae52
rgb(211,174,82)
-
#dbb14a
#dbb14a
rgb(219,177,74)
-
#e3b542
#e3b542
rgb(227,181,66)
-
#ecb839
#ecb839
rgb(236,184,57)
-
#f4bc31
#f4bc31
rgb(244,188,49)
-
#fcc029
#fcc029
rgb(252,192,41)
Color Blindness Simulator
Below, you can see how #f4bc31 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.