#f8b356 Color Information
In a RGB color space, hex #f8b356 is composed of 97.3% red, 70.2% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.8% magenta, 65.3% yellow and 2.7% black. It has a hue angle of 34.4 degrees, a saturation of 92% and a lightness of 65.5%. #f8b356 color hex could be obtained by blending #ffffac with #f16700. Closest websafe color is: #ffcc66.
-
- R 97
- G 70
- B 34
-
- C 0
- M 28
- Y 65
- K 3
● #f8b356 color description : Soft orange.
#f8b356 Color Conversion
The hexadecimal color #f8b356 has RGB values of R:248, G:179, B:86 and CMYK values of C:0, M:0.28, Y:0.65, K:0.03. Its decimal value is 16298838.
Hex triplet | f8b356 | #f8b356 |
---|---|---|
RGB Decimal | 248, 179, 86 | rgb(248,179,86) |
RGB Percent | 97.3, 70.2, 33.7 | rgb(97.3%,70.2%,33.7%) |
CMYK | 0, 28, 65, 3 | |
HSL | 34.4°, 92, 65.5 | hsl(34.4,92%,65.5%) |
HSV (or HSB) | 34.4°, 65.3, 97.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 77.799, 16.133, 56.112 |
---|---|
XYZ | 56.512, 52.872, 16.032 |
xyY | 0.451, 0.422, 52.872 |
CIE-LCH | 77.799, 58.385, 73.959 |
CIE-LUV | 77.799, 54.588, 62.447 |
Hunter-Lab | 72.713, 11.482, 37.826 |
Binary | 11111000, 10110011, 01010110 |
Color Schemes with #f8b356
Alternatives to #f8b356
Below, you can see some colors close to #f8b356. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8b356 Preview
This text has a font color of #f8b356.
<span style="color:#f8b356;">Text here</span>
This paragraph has a background color of #f8b356.
<p style="background-color:#f8b356;">Content here</p>
This element has a border color of #f8b356.
<div style="border:1px solid #f8b356;">Content here</div>
.text {color:#f8b356;}
.background {background-color:#f8b356;}
.border {border:1px solid #f8b356;}
Shades and Tints of #f8b356
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 #fef7ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130b01
#130b01
rgb(19,11,1)
-
#261702
#261702
rgb(38,23,2)
-
#392202
#392202
rgb(57,34,2)
-
#4c2d03
#4c2d03
rgb(76,45,3)
-
#5f3804
#5f3804
rgb(95,56,4)
-
#724305
#724305
rgb(114,67,5)
-
#844e05
#844e05
rgb(132,78,5)
-
#975906
#975906
rgb(151,89,6)
-
#aa6507
#aa6507
rgb(170,101,7)
-
#bd7008
#bd7008
rgb(189,112,8)
-
#d07b09
#d07b09
rgb(208,123,9)
-
#e38609
#e38609
rgb(227,134,9)
-
#f5910b
#f5910b
rgb(245,145,11)
-
#f69a1d
#f69a1d
rgb(246,154,29)
-
#f6a230
#f6a230
rgb(246,162,48)
-
#f7ab43
#f7ab43
rgb(247,171,67)
-
#f8b356
#f8b356
rgb(248,179,86)
-
#f9bb69
#f9bb69
rgb(249,187,105)
-
#fac47c
#fac47c
rgb(250,196,124)
-
#facc8f
#facc8f
rgb(250,204,143)
-
#fbd5a1
#fbd5a1
rgb(251,213,161)
-
#fcddb4
#fcddb4
rgb(252,221,180)
-
#fde6c7
#fde6c7
rgb(253,230,199)
-
#fdeeda
#fdeeda
rgb(253,238,218)
-
#fef7ed
#fef7ed
rgb(254,247,237)
Tones of #f8b356
A tone is produced by adding gray to any pure hue. In this case, #aea8a0 is the less saturated color, while #ffb44f is the most saturated one.
-
#aea8a0
#aea8a0
rgb(174,168,160)
-
#b4a99a
#b4a99a
rgb(180,169,154)
-
#bbaa93
#bbaa93
rgb(187,170,147)
-
#c2ab8c
#c2ab8c
rgb(194,171,140)
-
#c9ac85
#c9ac85
rgb(201,172,133)
-
#cfad7f
#cfad7f
rgb(207,173,127)
-
#d6ae78
#d6ae78
rgb(214,174,120)
-
#ddaf71
#ddaf71
rgb(221,175,113)
-
#e4b06a
#e4b06a
rgb(228,176,106)
-
#eab164
#eab164
rgb(234,177,100)
-
#f1b25d
#f1b25d
rgb(241,178,93)
-
#f8b356
#f8b356
rgb(248,179,86)
-
#ffb44f
#ffb44f
rgb(255,180,79)
Color Blindness Simulator
Below, you can see how #f8b356 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.