#f5bc83 Color Information
In a RGB color space, hex #f5bc83 is composed of 96.1% red, 73.7% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 46.5% yellow and 3.9% black. It has a hue angle of 30 degrees, a saturation of 85.1% and a lightness of 73.7%. #f5bc83 color hex could be obtained by blending #ffffff with #eb7907. Closest websafe color is: #ffcc99.
-
- R 96
- G 74
- B 51
-
- C 0
- M 23
- Y 47
- K 4
● #f5bc83 color description : Soft orange.
#f5bc83 Color Conversion
The hexadecimal color #f5bc83 has RGB values of R:245, G:188, B:131 and CMYK values of C:0, M:0.23, Y:0.47, K:0.04. Its decimal value is 16104579.
Hex triplet | f5bc83 | #f5bc83 |
---|---|---|
RGB Decimal | 245, 188, 131 | rgb(245,188,131) |
RGB Percent | 96.1, 73.7, 51.4 | rgb(96.1%,73.7%,51.4%) |
CMYK | 0, 23, 47, 4 | |
HSL | 30°, 85.1, 73.7 | hsl(30,85.1%,73.7%) |
HSV (or HSB) | 30°, 46.5, 96.1 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 80.191, 13.673, 36.679 |
---|---|
XYZ | 59.736, 57.02, 29.331 |
xyY | 0.409, 0.39, 57.02 |
CIE-LCH | 80.191, 39.145, 69.556 |
CIE-LUV | 80.191, 42.099, 45.133 |
Hunter-Lab | 75.512, 9.064, 29.828 |
Binary | 11110101, 10111100, 10000011 |
Color Schemes with #f5bc83
Alternatives to #f5bc83
Below, you can see some colors close to #f5bc83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5bc83 Preview
This text has a font color of #f5bc83.
<span style="color:#f5bc83;">Text here</span>
This paragraph has a background color of #f5bc83.
<p style="background-color:#f5bc83;">Content here</p>
This element has a border color of #f5bc83.
<div style="border:1px solid #f5bc83;">Content here</div>
.text {color:#f5bc83;}
.background {background-color:#f5bc83;}
.border {border:1px solid #f5bc83;}
Shades and Tints of #f5bc83
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, #030200 is the darkest color, while #fef7f0 is the lightest one.
-
#030200
#030200
rgb(3,2,0)
-
#150b02
#150b02
rgb(21,11,2)
-
#271503
#271503
rgb(39,21,3)
-
#3a1f05
#3a1f05
rgb(58,31,5)
-
#4c2906
#4c2906
rgb(76,41,6)
-
#5e3308
#5e3308
rgb(94,51,8)
-
#703d09
#703d09
rgb(112,61,9)
-
#82460a
#82460a
rgb(130,70,10)
-
#94500c
#94500c
rgb(148,80,12)
-
#a65a0d
#a65a0d
rgb(166,90,13)
-
#b9640f
#b9640f
rgb(185,100,15)
-
#cb6e10
#cb6e10
rgb(203,110,16)
-
#dd7712
#dd7712
rgb(221,119,18)
-
#ec8116
#ec8116
rgb(236,129,22)
-
#ee8b28
#ee8b28
rgb(238,139,40)
-
#ef953a
#ef953a
rgb(239,149,58)
-
#f19f4d
#f19f4d
rgb(241,159,77)
-
#f2a85f
#f2a85f
rgb(242,168,95)
-
#f4b271
#f4b271
rgb(244,178,113)
-
#f5bc83
#f5bc83
rgb(245,188,131)
-
#f6c695
#f6c695
rgb(246,198,149)
-
#f8d0a7
#f8d0a7
rgb(248,208,167)
-
#f9d9b9
#f9d9b9
rgb(249,217,185)
-
#fbe3cc
#fbe3cc
rgb(251,227,204)
-
#fcedde
#fcedde
rgb(252,237,222)
-
#fef7f0
#fef7f0
rgb(254,247,240)
Tones of #f5bc83
A tone is produced by adding gray to any pure hue. In this case, #bcbcbc is the less saturated color, while #fabc7e is the most saturated one.
-
#bcbcbc
#bcbcbc
rgb(188,188,188)
-
#c1bcb7
#c1bcb7
rgb(193,188,183)
-
#c7bcb1
#c7bcb1
rgb(199,188,177)
-
#ccbcac
#ccbcac
rgb(204,188,172)
-
#d1bca7
#d1bca7
rgb(209,188,167)
-
#d6bca2
#d6bca2
rgb(214,188,162)
-
#dbbc9d
#dbbc9d
rgb(219,188,157)
-
#e0bc98
#e0bc98
rgb(224,188,152)
-
#e6bc92
#e6bc92
rgb(230,188,146)
-
#ebbc8d
#ebbc8d
rgb(235,188,141)
-
#f0bc88
#f0bc88
rgb(240,188,136)
-
#f5bc83
#f5bc83
rgb(245,188,131)
-
#fabc7e
#fabc7e
rgb(250,188,126)
Color Blindness Simulator
Below, you can see how #f5bc83 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.