#f8ba56 Color Information
In a RGB color space, hex #f8ba56 is composed of 97.3% red, 72.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25% magenta, 65.3% yellow and 2.7% black. It has a hue angle of 37 degrees, a saturation of 92% and a lightness of 65.5%. #f8ba56 color hex could be obtained by blending #ffffac with #f17500. Closest websafe color is: #ffcc66.
-
- R 97
- G 73
- B 34
-
- C 0
- M 25
- Y 65
- K 3
● #f8ba56 color description : Soft orange.
#f8ba56 Color Conversion
The hexadecimal color #f8ba56 has RGB values of R:248, G:186, B:86 and CMYK values of C:0, M:0.25, Y:0.65, K:0.03. Its decimal value is 16300630.
Hex triplet | f8ba56 | #f8ba56 |
---|---|---|
RGB Decimal | 248, 186, 86 | rgb(248,186,86) |
RGB Percent | 97.3, 72.9, 33.7 | rgb(97.3%,72.9%,33.7%) |
CMYK | 0, 25, 65, 3 | |
HSL | 37°, 92, 65.5 | hsl(37,92%,65.5%) |
HSV (or HSB) | 37°, 65.3, 97.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.471, 12.466, 57.951 |
---|---|
XYZ | 57.951, 55.749, 16.512 |
xyY | 0.445, 0.428, 55.749 |
CIE-LCH | 79.471, 59.277, 77.86 |
CIE-LUV | 79.471, 49.369, 65.423 |
Hunter-Lab | 74.665, 7.877, 39.154 |
Binary | 11111000, 10111010, 01010110 |
Color Schemes with #f8ba56
Alternatives to #f8ba56
Below, you can see some colors close to #f8ba56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8ba56 Preview
This text has a font color of #f8ba56.
<span style="color:#f8ba56;">Text here</span>
This paragraph has a background color of #f8ba56.
<p style="background-color:#f8ba56;">Content here</p>
This element has a border color of #f8ba56.
<div style="border:1px solid #f8ba56;">Content here</div>
.text {color:#f8ba56;}
.background {background-color:#f8ba56;}
.border {border:1px solid #f8ba56;}
Shades and Tints of #f8ba56
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, #010000 is the darkest color, while #fef8ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130c01
#130c01
rgb(19,12,1)
-
#261802
#261802
rgb(38,24,2)
-
#392402
#392402
rgb(57,36,2)
-
#4c3003
#4c3003
rgb(76,48,3)
-
#5f3c04
#5f3c04
rgb(95,60,4)
-
#724805
#724805
rgb(114,72,5)
-
#845405
#845405
rgb(132,84,5)
-
#976006
#976006
rgb(151,96,6)
-
#aa6c07
#aa6c07
rgb(170,108,7)
-
#bd7808
#bd7808
rgb(189,120,8)
-
#d08409
#d08409
rgb(208,132,9)
-
#e38f09
#e38f09
rgb(227,143,9)
-
#f59b0b
#f59b0b
rgb(245,155,11)
-
#f6a31d
#f6a31d
rgb(246,163,29)
-
#f6ab30
#f6ab30
rgb(246,171,48)
-
#f7b243
#f7b243
rgb(247,178,67)
-
#f8ba56
#f8ba56
rgb(248,186,86)
-
#f9c269
#f9c269
rgb(249,194,105)
-
#fac97c
#fac97c
rgb(250,201,124)
-
#fad18f
#fad18f
rgb(250,209,143)
-
#fbd9a1
#fbd9a1
rgb(251,217,161)
-
#fce0b4
#fce0b4
rgb(252,224,180)
-
#fde8c7
#fde8c7
rgb(253,232,199)
-
#fdf0da
#fdf0da
rgb(253,240,218)
-
#fef8ed
#fef8ed
rgb(254,248,237)
Tones of #f8ba56
A tone is produced by adding gray to any pure hue. In this case, #aea9a0 is the less saturated color, while #ffbc4f is the most saturated one.
-
#aea9a0
#aea9a0
rgb(174,169,160)
-
#b4aa9a
#b4aa9a
rgb(180,170,154)
-
#bbac93
#bbac93
rgb(187,172,147)
-
#c2ad8c
#c2ad8c
rgb(194,173,140)
-
#c9af85
#c9af85
rgb(201,175,133)
-
#cfb07f
#cfb07f
rgb(207,176,127)
-
#d6b278
#d6b278
rgb(214,178,120)
-
#ddb471
#ddb471
rgb(221,180,113)
-
#e4b56a
#e4b56a
rgb(228,181,106)
-
#eab764
#eab764
rgb(234,183,100)
-
#f1b85d
#f1b85d
rgb(241,184,93)
-
#f8ba56
#f8ba56
rgb(248,186,86)
-
#ffbc4f
#ffbc4f
rgb(255,188,79)
Color Blindness Simulator
Below, you can see how #f8ba56 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.