#f5bf85 Color Information
In a RGB color space, hex #f5bf85 is composed of 96.1% red, 74.9% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 45.7% yellow and 3.9% black. It has a hue angle of 31.1 degrees, a saturation of 84.8% and a lightness of 74.1%. #f5bf85 color hex could be obtained by blending #ffffff with #eb7f0b. Closest websafe color is: #ffcc99.
-
- R 96
- G 75
- B 52
-
- C 0
- M 22
- Y 46
- K 4
● #f5bf85 color description : Soft orange.
#f5bf85 Color Conversion
The hexadecimal color #f5bf85 has RGB values of R:245, G:191, B:133 and CMYK values of C:0, M:0.22, Y:0.46, K:0.04. Its decimal value is 16105349.
Hex triplet | f5bf85 | #f5bf85 |
---|---|---|
RGB Decimal | 245, 191, 133 | rgb(245,191,133) |
RGB Percent | 96.1, 74.9, 52.2 | rgb(96.1%,74.9%,52.2%) |
CMYK | 0, 22, 46, 4 | |
HSL | 31.1°, 84.8, 74.1 | hsl(31.1,84.8%,74.1%) |
HSV (or HSB) | 31.1°, 45.7, 96.1 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 80.944, 12.293, 36.617 |
---|---|
XYZ | 60.521, 58.37, 30.268 |
xyY | 0.406, 0.391, 58.37 |
CIE-LCH | 80.944, 38.625, 71.442 |
CIE-LUV | 80.944, 39.889, 45.506 |
Hunter-Lab | 76.4, 7.699, 29.991 |
Binary | 11110101, 10111111, 10000101 |
Color Schemes with #f5bf85
Alternatives to #f5bf85
Below, you can see some colors close to #f5bf85. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5bf85 Preview
This text has a font color of #f5bf85.
<span style="color:#f5bf85;">Text here</span>
This paragraph has a background color of #f5bf85.
<p style="background-color:#f5bf85;">Content here</p>
This element has a border color of #f5bf85.
<div style="border:1px solid #f5bf85;">Content here</div>
.text {color:#f5bf85;}
.background {background-color:#f5bf85;}
.border {border:1px solid #f5bf85;}
Shades and Tints of #f5bf85
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, #050300 is the darkest color, while #fef8f2 is the lightest one.
-
#050300
#050300
rgb(5,3,0)
-
#170d02
#170d02
rgb(23,13,2)
-
#291703
#291703
rgb(41,23,3)
-
#3b2105
#3b2105
rgb(59,33,5)
-
#4d2b06
#4d2b06
rgb(77,43,6)
-
#603508
#603508
rgb(96,53,8)
-
#723f09
#723f09
rgb(114,63,9)
-
#84490b
#84490b
rgb(132,73,11)
-
#96540c
#96540c
rgb(150,84,12)
-
#a85e0e
#a85e0e
rgb(168,94,14)
-
#ba680f
#ba680f
rgb(186,104,15)
-
#cc7211
#cc7211
rgb(204,114,17)
-
#de7c12
#de7c12
rgb(222,124,18)
-
#ec8618
#ec8618
rgb(236,134,24)
-
#ee8f2a
#ee8f2a
rgb(238,143,42)
-
#ef993c
#ef993c
rgb(239,153,60)
-
#f1a24f
#f1a24f
rgb(241,162,79)
-
#f2ac61
#f2ac61
rgb(242,172,97)
-
#f4b573
#f4b573
rgb(244,181,115)
-
#f5bf85
#f5bf85
rgb(245,191,133)
-
#f6c997
#f6c997
rgb(246,201,151)
-
#f8d2a9
#f8d2a9
rgb(248,210,169)
-
#f9dcbb
#f9dcbb
rgb(249,220,187)
-
#fbe5ce
#fbe5ce
rgb(251,229,206)
-
#fcefe0
#fcefe0
rgb(252,239,224)
-
#fef8f2
#fef8f2
rgb(254,248,242)
Tones of #f5bf85
A tone is produced by adding gray to any pure hue. In this case, #bdbdbd is the less saturated color, while #fabf80 is the most saturated one.
-
#bdbdbd
#bdbdbd
rgb(189,189,189)
-
#c2bdb8
#c2bdb8
rgb(194,189,184)
-
#c7bdb3
#c7bdb3
rgb(199,189,179)
-
#ccbeae
#ccbeae
rgb(204,190,174)
-
#d1bea9
#d1bea9
rgb(209,190,169)
-
#d7bea3
#d7bea3
rgb(215,190,163)
-
#dcbe9e
#dcbe9e
rgb(220,190,158)
-
#e1be99
#e1be99
rgb(225,190,153)
-
#e6be94
#e6be94
rgb(230,190,148)
-
#ebbf8f
#ebbf8f
rgb(235,191,143)
-
#f0bf8a
#f0bf8a
rgb(240,191,138)
-
#f5bf85
#f5bf85
rgb(245,191,133)
-
#fabf80
#fabf80
rgb(250,191,128)
Color Blindness Simulator
Below, you can see how #f5bf85 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.