#f5bc18 Color Information
In a RGB color space, hex #f5bc18 is composed of 96.1% red, 73.7% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 90.2% yellow and 3.9% black. It has a hue angle of 44.5 degrees, a saturation of 91.7% and a lightness of 52.7%. #f5bc18 color hex could be obtained by blending #ffff30 with #eb7900. Closest websafe color is: #ffcc00.
-
- R 96
- G 74
- B 9
-
- C 0
- M 23
- Y 90
- K 4
● #f5bc18 color description : Vivid orange.
#f5bc18 Color Conversion
The hexadecimal color #f5bc18 has RGB values of R:245, G:188, B:24 and CMYK values of C:0, M:0.23, Y:0.9, K:0.04. Its decimal value is 16104472.
Hex triplet | f5bc18 | #f5bc18 |
---|---|---|
RGB Decimal | 245, 188, 24 | rgb(245,188,24) |
RGB Percent | 96.1, 73.7, 9.4 | rgb(96.1%,73.7%,9.4%) |
CMYK | 0, 23, 90, 4 | |
HSL | 44.5°, 91.7, 52.7 | hsl(44.5,91.7%,52.7%) |
HSV (or HSB) | 44.5°, 90.2, 96.1 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 79.299, 7.911, 78.406 |
---|---|
XYZ | 55.805, 55.448, 8.627 |
xyY | 0.466, 0.463, 55.448 |
CIE-LCH | 79.299, 78.804, 84.239 |
CIE-LUV | 79.299, 47.981, 80.413 |
Hunter-Lab | 74.463, 3.463, 45.255 |
Binary | 11110101, 10111100, 00011000 |
Color Schemes with #f5bc18
Alternatives to #f5bc18
Below, you can see some colors close to #f5bc18. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5bc18 Preview
This text has a font color of #f5bc18.
<span style="color:#f5bc18;">Text here</span>
This paragraph has a background color of #f5bc18.
<p style="background-color:#f5bc18;">Content here</p>
This element has a border color of #f5bc18.
<div style="border:1px solid #f5bc18;">Content here</div>
.text {color:#f5bc18;}
.background {background-color:#f5bc18;}
.border {border:1px solid #f5bc18;}
Shades and Tints of #f5bc18
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, #0d0a01 is the darkest color, while #fffdfa is the lightest one.
-
#0d0a01
#0d0a01
rgb(13,10,1)
-
#201801
#201801
rgb(32,24,1)
-
#332602
#332602
rgb(51,38,2)
-
#463503
#463503
rgb(70,53,3)
-
#594304
#594304
rgb(89,67,4)
-
#6b5105
#6b5105
rgb(107,81,5)
-
#7e5f05
#7e5f05
rgb(126,95,5)
-
#916d06
#916d06
rgb(145,109,6)
-
#a47b07
#a47b07
rgb(164,123,7)
-
#b78a08
#b78a08
rgb(183,138,8)
-
#c99809
#c99809
rgb(201,152,9)
-
#dca60a
#dca60a
rgb(220,166,10)
-
#efb40a
#efb40a
rgb(239,180,10)
-
#f5bc18
#f5bc18
rgb(245,188,24)
-
#f6c12b
#f6c12b
rgb(246,193,43)
-
#f7c73e
#f7c73e
rgb(247,199,62)
-
#f7cc50
#f7cc50
rgb(247,204,80)
-
#f8d263
#f8d263
rgb(248,210,99)
-
#f9d776
#f9d776
rgb(249,215,118)
-
#fadd89
#fadd89
rgb(250,221,137)
-
#fbe29c
#fbe29c
rgb(251,226,156)
-
#fce8ae
#fce8ae
rgb(252,232,174)
-
#fcedc1
#fcedc1
rgb(252,237,193)
-
#fdf3d4
#fdf3d4
rgb(253,243,212)
-
#fef8e7
#fef8e7
rgb(254,248,231)
-
#fffdfa
#fffdfa
rgb(255,253,250)
Tones of #f5bc18
A tone is produced by adding gray to any pure hue. In this case, #8f8b7e is the less saturated color, while #fec00f is the most saturated one.
-
#8f8b7e
#8f8b7e
rgb(143,139,126)
-
#988f75
#988f75
rgb(152,143,117)
-
#a2946b
#a2946b
rgb(162,148,107)
-
#ab9862
#ab9862
rgb(171,152,98)
-
#b49d59
#b49d59
rgb(180,157,89)
-
#bda150
#bda150
rgb(189,161,80)
-
#c7a646
#c7a646
rgb(199,166,70)
-
#d0aa3d
#d0aa3d
rgb(208,170,61)
-
#d9af34
#d9af34
rgb(217,175,52)
-
#e2b32b
#e2b32b
rgb(226,179,43)
-
#ecb821
#ecb821
rgb(236,184,33)
-
#f5bc18
#f5bc18
rgb(245,188,24)
-
#fec00f
#fec00f
rgb(254,192,15)
Color Blindness Simulator
Below, you can see how #f5bc18 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.