#f5bb4f Color Information
In a RGB color space, hex #f5bb4f is composed of 96.1% red, 73.3% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.7% magenta, 67.8% yellow and 3.9% black. It has a hue angle of 39 degrees, a saturation of 89.2% and a lightness of 63.5%. #f5bb4f color hex could be obtained by blending #ffff9e with #eb7700. Closest websafe color is: #ffcc66.
-
- R 96
- G 73
- B 31
-
- C 0
- M 24
- Y 68
- K 4
● #f5bb4f color description : Soft orange.
#f5bb4f Color Conversion
The hexadecimal color #f5bb4f has RGB values of R:245, G:187, B:79 and CMYK values of C:0, M:0.24, Y:0.68, K:0.04. Its decimal value is 16104271.
Hex triplet | f5bb4f | #f5bb4f |
---|---|---|
RGB Decimal | 245, 187, 79 | rgb(245,187,79) |
RGB Percent | 96.1, 73.3, 31 | rgb(96.1%,73.3%,31%) |
CMYK | 0, 24, 68, 4 | |
HSL | 39°, 89.2, 63.5 | hsl(39,89.2%,63.5%) |
HSV (or HSB) | 39°, 67.8, 96.1 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.34, 10.3, 60.812 |
---|---|
XYZ | 56.839, 55.521, 15.12 |
xyY | 0.446, 0.436, 55.521 |
CIE-LCH | 79.34, 61.678, 80.387 |
CIE-LUV | 79.34, 46.743, 68.159 |
Hunter-Lab | 74.512, 5.766, 40.128 |
Binary | 11110101, 10111011, 01001111 |
Color Schemes with #f5bb4f
Alternatives to #f5bb4f
Below, you can see some colors close to #f5bb4f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5bb4f Preview
This text has a font color of #f5bb4f.
<span style="color:#f5bb4f;">Text here</span>
This paragraph has a background color of #f5bb4f.
<p style="background-color:#f5bb4f;">Content here</p>
This element has a border color of #f5bb4f.
<div style="border:1px solid #f5bb4f;">Content here</div>
.text {color:#f5bb4f;}
.background {background-color:#f5bb4f;}
.border {border:1px solid #f5bb4f;}
Shades and Tints of #f5bb4f
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, #0a0601 is the darkest color, while #fefcf6 is the lightest one.
-
#0a0601
#0a0601
rgb(10,6,1)
-
#1c1302
#1c1302
rgb(28,19,2)
-
#2f1f03
#2f1f03
rgb(47,31,3)
-
#412c04
#412c04
rgb(65,44,4)
-
#543805
#543805
rgb(84,56,5)
-
#664506
#664506
rgb(102,69,6)
-
#795107
#795107
rgb(121,81,7)
-
#8c5e08
#8c5e08
rgb(140,94,8)
-
#9e6a09
#9e6a09
rgb(158,106,9)
-
#b1760a
#b1760a
rgb(177,118,10)
-
#c3830b
#c3830b
rgb(195,131,11)
-
#d68f0c
#d68f0c
rgb(214,143,12)
-
#e89c0d
#e89c0d
rgb(232,156,13)
-
#f2a517
#f2a517
rgb(242,165,23)
-
#f3ad2a
#f3ad2a
rgb(243,173,42)
-
#f4b43c
#f4b43c
rgb(244,180,60)
-
#f5bb4f
#f5bb4f
rgb(245,187,79)
-
#f6c262
#f6c262
rgb(246,194,98)
-
#f7c974
#f7c974
rgb(247,201,116)
-
#f8d187
#f8d187
rgb(248,209,135)
-
#f9d899
#f9d899
rgb(249,216,153)
-
#fadfac
#fadfac
rgb(250,223,172)
-
#fbe6be
#fbe6be
rgb(251,230,190)
-
#fcedd1
#fcedd1
rgb(252,237,209)
-
#fdf4e3
#fdf4e3
rgb(253,244,227)
-
#fefcf6
#fefcf6
rgb(254,252,246)
Tones of #f5bb4f
A tone is produced by adding gray to any pure hue. In this case, #a6a39e is the less saturated color, while #fcbd48 is the most saturated one.
-
#a6a39e
#a6a39e
rgb(166,163,158)
-
#ada597
#ada597
rgb(173,165,151)
-
#b5a88f
#b5a88f
rgb(181,168,143)
-
#bcaa88
#bcaa88
rgb(188,170,136)
-
#c3ac81
#c3ac81
rgb(195,172,129)
-
#caae7a
#caae7a
rgb(202,174,122)
-
#d1b073
#d1b073
rgb(209,176,115)
-
#d8b26c
#d8b26c
rgb(216,178,108)
-
#e0b564
#e0b564
rgb(224,181,100)
-
#e7b75d
#e7b75d
rgb(231,183,93)
-
#eeb956
#eeb956
rgb(238,185,86)
-
#f5bb4f
#f5bb4f
rgb(245,187,79)
-
#fcbd48
#fcbd48
rgb(252,189,72)
Color Blindness Simulator
Below, you can see how #f5bb4f 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.