#f8bf57 Color Information
In a RGB color space, hex #f8bf57 is composed of 97.3% red, 74.9% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23% magenta, 64.9% yellow and 2.7% black. It has a hue angle of 38.8 degrees, a saturation of 92% and a lightness of 65.7%. #f8bf57 color hex could be obtained by blending #ffffae with #f17f00. Closest websafe color is: #ffcc66.
-
- R 97
- G 75
- B 34
-
- C 0
- M 23
- Y 65
- K 3
● #f8bf57 color description : Soft orange.
#f8bf57 Color Conversion
The hexadecimal color #f8bf57 has RGB values of R:248, G:191, B:87 and CMYK values of C:0, M:0.23, Y:0.65, K:0.03. Its decimal value is 16301911.
Hex triplet | f8bf57 | #f8bf57 |
---|---|---|
RGB Decimal | 248, 191, 87 | rgb(248,191,87) |
RGB Percent | 97.3, 74.9, 34.1 | rgb(97.3%,74.9%,34.1%) |
CMYK | 0, 23, 65, 3 | |
HSL | 38.8°, 92, 65.7 | hsl(38.8,92%,65.7%) |
HSV (or HSB) | 38.8°, 64.9, 97.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 80.688, 9.915, 58.834 |
---|---|
XYZ | 59.063, 57.909, 17.083 |
xyY | 0.441, 0.432, 57.909 |
CIE-LCH | 80.688, 59.664, 80.434 |
CIE-LUV | 80.688, 45.623, 67.188 |
Hunter-Lab | 76.098, 5.371, 39.959 |
Binary | 11111000, 10111111, 01010111 |
Color Schemes with #f8bf57
Alternatives to #f8bf57
Below, you can see some colors close to #f8bf57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8bf57 Preview
This text has a font color of #f8bf57.
<span style="color:#f8bf57;">Text here</span>
This paragraph has a background color of #f8bf57.
<p style="background-color:#f8bf57;">Content here</p>
This element has a border color of #f8bf57.
<div style="border:1px solid #f8bf57;">Content here</div>
.text {color:#f8bf57;}
.background {background-color:#f8bf57;}
.border {border:1px solid #f8bf57;}
Shades and Tints of #f8bf57
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, #010100 is the darkest color, while #fef8ee is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#140d01
#140d01
rgb(20,13,1)
-
#271a02
#271a02
rgb(39,26,2)
-
#3a2602
#3a2602
rgb(58,38,2)
-
#4d3303
#4d3303
rgb(77,51,3)
-
#603f04
#603f04
rgb(96,63,4)
-
#724c05
#724c05
rgb(114,76,5)
-
#855806
#855806
rgb(133,88,6)
-
#986506
#986506
rgb(152,101,6)
-
#ab7107
#ab7107
rgb(171,113,7)
-
#be7d08
#be7d08
rgb(190,125,8)
-
#d18a09
#d18a09
rgb(209,138,9)
-
#e39609
#e39609
rgb(227,150,9)
-
#f5a20c
#f5a20c
rgb(245,162,12)
-
#f6a91f
#f6a91f
rgb(246,169,31)
-
#f6b131
#f6b131
rgb(246,177,49)
-
#f7b844
#f7b844
rgb(247,184,68)
-
#f8bf57
#f8bf57
rgb(248,191,87)
-
#f9c66a
#f9c66a
rgb(249,198,106)
-
#facd7d
#facd7d
rgb(250,205,125)
-
#fad58f
#fad58f
rgb(250,213,143)
-
#fbdca2
#fbdca2
rgb(251,220,162)
-
#fce3b5
#fce3b5
rgb(252,227,181)
-
#fdeac8
#fdeac8
rgb(253,234,200)
-
#fdf1db
#fdf1db
rgb(253,241,219)
-
#fef8ee
#fef8ee
rgb(254,248,238)
Tones of #f8bf57
A tone is produced by adding gray to any pure hue. In this case, #aea9a1 is the less saturated color, while #ffc150 is the most saturated one.
-
#aea9a1
#aea9a1
rgb(174,169,161)
-
#b5ab9a
#b5ab9a
rgb(181,171,154)
-
#bbad94
#bbad94
rgb(187,173,148)
-
#c2af8d
#c2af8d
rgb(194,175,141)
-
#c9b186
#c9b186
rgb(201,177,134)
-
#d0b37f
#d0b37f
rgb(208,179,127)
-
#d6b579
#d6b579
rgb(214,181,121)
-
#ddb772
#ddb772
rgb(221,183,114)
-
#e4b96b
#e4b96b
rgb(228,185,107)
-
#ebbb64
#ebbb64
rgb(235,187,100)
-
#f1bd5e
#f1bd5e
rgb(241,189,94)
-
#f8bf57
#f8bf57
rgb(248,191,87)
-
#ffc150
#ffc150
rgb(255,193,80)
Color Blindness Simulator
Below, you can see how #f8bf57 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.