#f0ba5e Color Information
In a RGB color space, hex #f0ba5e is composed of 94.1% red, 72.9% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.5% magenta, 60.8% yellow and 5.9% black. It has a hue angle of 37.8 degrees, a saturation of 83% and a lightness of 65.5%. #f0ba5e color hex could be obtained by blending #ffffbc with #e17500. Closest websafe color is: #ffcc66.
-
- R 94
- G 73
- B 37
-
- C 0
- M 23
- Y 61
- K 6
● #f0ba5e color description : Soft orange.
#f0ba5e Color Conversion
The hexadecimal color #f0ba5e has RGB values of R:240, G:186, B:94 and CMYK values of C:0, M:0.23, Y:0.61, K:0.06. Its decimal value is 15776350.
Hex triplet | f0ba5e | #f0ba5e |
---|---|---|
RGB Decimal | 240, 186, 94 | rgb(240,186,94) |
RGB Percent | 94.1, 72.9, 36.9 | rgb(94.1%,72.9%,36.9%) |
CMYK | 0, 23, 61, 6 | |
HSL | 37.8°, 83, 65.5 | hsl(37.8,83%,65.5%) |
HSV (or HSB) | 37.8°, 60.8, 94.1 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 78.726, 9.653, 53.198 |
---|---|
XYZ | 55.515, 54.454, 18.176 |
xyY | 0.433, 0.425, 54.454 |
CIE-LCH | 78.726, 54.067, 79.715 |
CIE-LUV | 78.726, 42.725, 61.843 |
Hunter-Lab | 73.793, 5.15, 37.051 |
Binary | 11110000, 10111010, 01011110 |
Color Schemes with #f0ba5e
Alternatives to #f0ba5e
Below, you can see some colors close to #f0ba5e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f0ba5e Preview
This text has a font color of #f0ba5e.
<span style="color:#f0ba5e;">Text here</span>
This paragraph has a background color of #f0ba5e.
<p style="background-color:#f0ba5e;">Content here</p>
This element has a border color of #f0ba5e.
<div style="border:1px solid #f0ba5e;">Content here</div>
.text {color:#f0ba5e;}
.background {background-color:#f0ba5e;}
.border {border:1px solid #f0ba5e;}
Shades and Tints of #f0ba5e
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, #000000 is the darkest color, while #fdf8ee is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#120c02
#120c02
rgb(18,12,2)
-
#241803
#241803
rgb(36,24,3)
-
#362405
#362405
rgb(54,36,5)
-
#483007
#483007
rgb(72,48,7)
-
#5a3c08
#5a3c08
rgb(90,60,8)
-
#6c480a
#6c480a
rgb(108,72,10)
-
#7e540c
#7e540c
rgb(126,84,12)
-
#90600d
#90600d
rgb(144,96,13)
-
#a26c0f
#a26c0f
rgb(162,108,15)
-
#b47811
#b47811
rgb(180,120,17)
-
#c68412
#c68412
rgb(198,132,18)
-
#d88f14
#d88f14
rgb(216,143,20)
-
#e99b16
#e99b16
rgb(233,155,22)
-
#eba328
#eba328
rgb(235,163,40)
-
#edab3a
#edab3a
rgb(237,171,58)
-
#eeb24c
#eeb24c
rgb(238,178,76)
-
#f0ba5e
#f0ba5e
rgb(240,186,94)
-
#f2c270
#f2c270
rgb(242,194,112)
-
#f3c982
#f3c982
rgb(243,201,130)
-
#f5d194
#f5d194
rgb(245,209,148)
-
#f7d9a6
#f7d9a6
rgb(247,217,166)
-
#f8e0b8
#f8e0b8
rgb(248,224,184)
-
#fae8ca
#fae8ca
rgb(250,232,202)
-
#fcf0dc
#fcf0dc
rgb(252,240,220)
-
#fdf8ee
#fdf8ee
rgb(253,248,238)
Tones of #f0ba5e
A tone is produced by adding gray to any pure hue. In this case, #aca8a2 is the less saturated color, while #febe50 is the most saturated one.
-
#aca8a2
#aca8a2
rgb(172,168,162)
-
#b3aa9b
#b3aa9b
rgb(179,170,155)
-
#baac94
#baac94
rgb(186,172,148)
-
#c1ae8d
#c1ae8d
rgb(193,174,141)
-
#c7af87
#c7af87
rgb(199,175,135)
-
#ceb180
#ceb180
rgb(206,177,128)
-
#d5b379
#d5b379
rgb(213,179,121)
-
#dcb572
#dcb572
rgb(220,181,114)
-
#e2b66c
#e2b66c
rgb(226,182,108)
-
#e9b865
#e9b865
rgb(233,184,101)
-
#f0ba5e
#f0ba5e
rgb(240,186,94)
-
#f7bc57
#f7bc57
rgb(247,188,87)
-
#febe50
#febe50
rgb(254,190,80)
Color Blindness Simulator
Below, you can see how #f0ba5e 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.