#f5bc4c Color Information
In a RGB color space, hex #f5bc4c is composed of 96.1% red, 73.7% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 69% yellow and 3.9% black. It has a hue angle of 39.8 degrees, a saturation of 89.4% and a lightness of 62.9%. #f5bc4c color hex could be obtained by blending #ffff98 with #eb7900. Closest websafe color is: #ffcc33.
-
- R 96
- G 74
- B 30
-
- C 0
- M 23
- Y 69
- K 4
● #f5bc4c color description : Soft orange.
#f5bc4c Color Conversion
The hexadecimal color #f5bc4c has RGB values of R:245, G:188, B:76 and CMYK values of C:0, M:0.23, Y:0.69, K:0.04. Its decimal value is 16104524.
Hex triplet | f5bc4c | #f5bc4c |
---|---|---|
RGB Decimal | 245, 188, 76 | rgb(245,188,76) |
RGB Percent | 96.1, 73.7, 29.8 | rgb(96.1%,73.7%,29.8%) |
CMYK | 0, 23, 69, 4 | |
HSL | 39.8°, 89.4, 62.9 | hsl(39.8,89.4%,62.9%) |
HSV (or HSB) | 39.8°, 69, 96.1 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 79.559, 9.619, 62.323 |
---|---|
XYZ | 56.945, 55.904, 14.628 |
xyY | 0.447, 0.439, 55.904 |
CIE-LCH | 79.559, 63.061, 81.226 |
CIE-LUV | 79.559, 46.167, 69.567 |
Hunter-Lab | 74.769, 5.103, 40.738 |
Binary | 11110101, 10111100, 01001100 |
Color Schemes with #f5bc4c
Alternatives to #f5bc4c
Below, you can see some colors close to #f5bc4c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5bc4c Preview
This text has a font color of #f5bc4c.
<span style="color:#f5bc4c;">Text here</span>
This paragraph has a background color of #f5bc4c.
<p style="background-color:#f5bc4c;">Content here</p>
This element has a border color of #f5bc4c.
<div style="border:1px solid #f5bc4c;">Content here</div>
.text {color:#f5bc4c;}
.background {background-color:#f5bc4c;}
.border {border:1px solid #f5bc4c;}
Shades and Tints of #f5bc4c
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, #070500 is the darkest color, while #fefbf3 is the lightest one.
-
#070500
#070500
rgb(7,5,0)
-
#191101
#191101
rgb(25,17,1)
-
#2c1e02
#2c1e02
rgb(44,30,2)
-
#3f2b03
#3f2b03
rgb(63,43,3)
-
#513705
#513705
rgb(81,55,5)
-
#644406
#644406
rgb(100,68,6)
-
#765107
#765107
rgb(118,81,7)
-
#895d08
#895d08
rgb(137,93,8)
-
#9b6a09
#9b6a09
rgb(155,106,9)
-
#ae770a
#ae770a
rgb(174,119,10)
-
#c1830b
#c1830b
rgb(193,131,11)
-
#d3900c
#d3900c
rgb(211,144,12)
-
#e69d0d
#e69d0d
rgb(230,157,13)
-
#f2a714
#f2a714
rgb(242,167,20)
-
#f3ae27
#f3ae27
rgb(243,174,39)
-
#f4b539
#f4b539
rgb(244,181,57)
-
#f5bc4c
#f5bc4c
rgb(245,188,76)
-
#f6c35f
#f6c35f
rgb(246,195,95)
-
#f7ca71
#f7ca71
rgb(247,202,113)
-
#f8d184
#f8d184
rgb(248,209,132)
-
#f9d896
#f9d896
rgb(249,216,150)
-
#fadfa9
#fadfa9
rgb(250,223,169)
-
#fbe6bb
#fbe6bb
rgb(251,230,187)
-
#fcedce
#fcedce
rgb(252,237,206)
-
#fdf4e1
#fdf4e1
rgb(253,244,225)
-
#fefbf3
#fefbf3
rgb(254,251,243)
Tones of #f5bc4c
A tone is produced by adding gray to any pure hue. In this case, #a5a29c is the less saturated color, while #fcbe45 is the most saturated one.
-
#a5a29c
#a5a29c
rgb(165,162,156)
-
#aca495
#aca495
rgb(172,164,149)
-
#b4a78d
#b4a78d
rgb(180,167,141)
-
#bba986
#bba986
rgb(187,169,134)
-
#c2ab7f
#c2ab7f
rgb(194,171,127)
-
#c9ae78
#c9ae78
rgb(201,174,120)
-
#d1b070
#d1b070
rgb(209,176,112)
-
#d8b369
#d8b369
rgb(216,179,105)
-
#dfb562
#dfb562
rgb(223,181,98)
-
#e6b75b
#e6b75b
rgb(230,183,91)
-
#eeba53
#eeba53
rgb(238,186,83)
-
#f5bc4c
#f5bc4c
rgb(245,188,76)
-
#fcbe45
#fcbe45
rgb(252,190,69)
Color Blindness Simulator
Below, you can see how #f5bc4c 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.