#f7bb5f Color Information
In a RGB color space, hex #f7bb5f is composed of 96.9% red, 73.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.3% magenta, 61.5% yellow and 3.1% black. It has a hue angle of 36.3 degrees, a saturation of 90.5% and a lightness of 67.1%. #f7bb5f color hex could be obtained by blending #ffffbe with #ef7700. Closest websafe color is: #ffcc66.
-
- R 97
- G 73
- B 37
-
- C 0
- M 24
- Y 62
- K 3
● #f7bb5f color description : Soft orange.
#f7bb5f Color Conversion
The hexadecimal color #f7bb5f has RGB values of R:247, G:187, B:95 and CMYK values of C:0, M:0.24, Y:0.62, K:0.03. Its decimal value is 16235359.
Hex triplet | f7bb5f | #f7bb5f |
---|---|---|
RGB Decimal | 247, 187, 95 | rgb(247,187,95) |
RGB Percent | 96.9, 73.3, 37.3 | rgb(96.9%,73.3%,37.3%) |
CMYK | 0, 24, 62, 3 | |
HSL | 36.3°, 90.5, 67.1 | hsl(36.3,90.5%,67.1%) |
HSV (or HSB) | 36.3°, 61.5, 96.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.696, 12.09, 54.025 |
---|---|
XYZ | 58.194, 56.144, 18.598 |
xyY | 0.438, 0.422, 56.144 |
CIE-LCH | 79.696, 55.361, 77.386 |
CIE-LUV | 79.696, 47.258, 62.302 |
Hunter-Lab | 74.929, 7.507, 37.735 |
Binary | 11110111, 10111011, 01011111 |
Color Schemes with #f7bb5f
Alternatives to #f7bb5f
Below, you can see some colors close to #f7bb5f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7bb5f Preview
This text has a font color of #f7bb5f.
<span style="color:#f7bb5f;">Text here</span>
This paragraph has a background color of #f7bb5f.
<p style="background-color:#f7bb5f;">Content here</p>
This element has a border color of #f7bb5f.
<div style="border:1px solid #f7bb5f;">Content here</div>
.text {color:#f7bb5f;}
.background {background-color:#f7bb5f;}
.border {border:1px solid #f7bb5f;}
Shades and Tints of #f7bb5f
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, #080500 is the darkest color, while #fefbf4 is the lightest one.
-
#080500
#080500
rgb(8,5,0)
-
#1b1101
#1b1101
rgb(27,17,1)
-
#2d1c02
#2d1c02
rgb(45,28,2)
-
#402803
#402803
rgb(64,40,3)
-
#533404
#533404
rgb(83,52,4)
-
#663f05
#663f05
rgb(102,63,5)
-
#784b06
#784b06
rgb(120,75,6)
-
#8b5707
#8b5707
rgb(139,87,7)
-
#9e6208
#9e6208
rgb(158,98,8)
-
#b06e09
#b06e09
rgb(176,110,9)
-
#c37a0a
#c37a0a
rgb(195,122,10)
-
#d6860b
#d6860b
rgb(214,134,11)
-
#e8910c
#e8910c
rgb(232,145,12)
-
#f39b14
#f39b14
rgb(243,155,20)
-
#f4a327
#f4a327
rgb(244,163,39)
-
#f5ab3a
#f5ab3a
rgb(245,171,58)
-
#f6b34c
#f6b34c
rgb(246,179,76)
-
#f7bb5f
#f7bb5f
rgb(247,187,95)
-
#f8c372
#f8c372
rgb(248,195,114)
-
#f9cb84
#f9cb84
rgb(249,203,132)
-
#fad397
#fad397
rgb(250,211,151)
-
#fbdbaa
#fbdbaa
rgb(251,219,170)
-
#fce3bc
#fce3bc
rgb(252,227,188)
-
#fdebcf
#fdebcf
rgb(253,235,207)
-
#fef3e2
#fef3e2
rgb(254,243,226)
-
#fefbf4
#fefbf4
rgb(254,251,244)
Tones of #f7bb5f
A tone is produced by adding gray to any pure hue. In this case, #b0aca6 is the less saturated color, while #fdbc59 is the most saturated one.
-
#b0aca6
#b0aca6
rgb(176,172,166)
-
#b6ada0
#b6ada0
rgb(182,173,160)
-
#bdaf99
#bdaf99
rgb(189,175,153)
-
#c3b093
#c3b093
rgb(195,176,147)
-
#cab18c
#cab18c
rgb(202,177,140)
-
#d0b386
#d0b386
rgb(208,179,134)
-
#d7b47f
#d7b47f
rgb(215,180,127)
-
#ddb679
#ddb679
rgb(221,182,121)
-
#e4b772
#e4b772
rgb(228,183,114)
-
#eab86c
#eab86c
rgb(234,184,108)
-
#f1ba65
#f1ba65
rgb(241,186,101)
-
#f7bb5f
#f7bb5f
rgb(247,187,95)
-
#fdbc59
#fdbc59
rgb(253,188,89)
Color Blindness Simulator
Below, you can see how #f7bb5f 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.