#f5bc2d color information
In a RGB color space, hex #f5bc2d is composed of 96.1% red, 73.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 81.6% yellow and 3.9% black. It has a hue angle of 42.9 degrees, a saturation of 90.9% and a lightness of 56.9%. #f5bc2d color hex could be obtained by blending #ffff5a with #eb7900. Closest websafe color is: #ffcc33.
#f5bc2d color conversion
The hexadecimal color #f5bc2d has RGB values of R:245, G:188, B:45 and CMYK values of C:0, M:0.23, Y:0.82, K:0.04. Its decimal value is 16104493.
- Hex triplet f5bc2d
#f5bc2d - RGB Decimal 245, 188, 45
rgb(245,188,45) - RGB Percent 96.1, 73.7, 17.6
rgb(96.1%,73.7%,17.6%) - CMYK 0, 23, 82, 4
- HSL 42.9°, 90.9, 56.9
hsl(43,91%,57%) - HSV (or HSB) 42.9°, 81.6, 96.1
- Web Safe ffcc33
#ffcc33
- CIE-LAB 79.369, 8.377, 73.439
- XYZ 56.114, 55.571, 10.253
- xyY 0.46, 0.456, 55.571
- CIE-LCH 79.369, 73.915, 83.493
- CIE-LUV 79.369, 47.48, 77.42
- Hunter-Lab 74.546, 3.909, 44.027
- Binary 11110101, 10111100, 00101101
Color Schemes with #f5bc2d
#f5bc2d in action
This text has a font color of #f5bc2d.
<span style="color:#f5bc2d;">Text here</span>
This paragraph has a background color of #f5bc2d.
<p style="background-color:#f5bc2d;">Content here</p>
This element has a border color of #f5bc2d.
<div style="border:1px solid #f5bc2d;">Content here</div>
.text {color:#f5bc2d;}
.background {background-color:#f5bc2d;}
.border {border:1px solid #f5bc2d;}
Shades of #f5bc2d
- #0f0b01 #0f0b01
rgb(15,11,1) - #342602 #342602
rgb(52,38,2) - #5a4104 #5a4104
rgb(90,65,4) - #7f5d06 #7f5d06
rgb(127,93,6) - #a47808 #a47808
rgb(164,120,8) - #ca930a #ca930a
rgb(202,147,10) - #efae0b #efae0b
rgb(239,174,11) - #f5bc2d #f5bc2d
rgb(245,188,45) - #f7c852 #f7c852
rgb(247,200,82) - #f9d478 #f9d478
rgb(249,212,120) - #fae09d #fae09d
rgb(250,224,157) - #fcecc3 #fcecc3
rgb(252,236,195) - #fef8e8 #fef8e8
rgb(254,248,232)
Color Blindness Simulator
Below, you can see how #f5bc2d 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.
