#f5bb2e Color Information
In a RGB color space, hex #f5bb2e is composed of 96.1% red, 73.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.7% magenta, 81.2% yellow and 3.9% black. It has a hue angle of 42.5 degrees, a saturation of 90.9% and a lightness of 57.1%. #f5bb2e color hex could be obtained by blending #ffff5c with #eb7700. Closest websafe color is: #ffcc33.
-
- R 96
- G 73
- B 18
-
- C 0
- M 24
- Y 81
- K 4
● #f5bb2e color description : Bright orange.
#f5bb2e Color Conversion
The hexadecimal color #f5bb2e has RGB values of R:245, G:187, B:46 and CMYK values of C:0, M:0.24, Y:0.81, K:0.04. Its decimal value is 16104238.
Hex triplet | f5bb2e | #f5bb2e |
---|---|---|
RGB Decimal | 245, 187, 46 | rgb(245,187,46) |
RGB Percent | 96.1, 73.3, 18 | rgb(96.1%,73.3%,18%) |
CMYK | 0, 24, 81, 4 | |
HSL | 42.5°, 90.9, 57.1 | hsl(42.5,90.9%,57.1%) |
HSV (or HSB) | 42.5°, 81.2, 96.1 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 79.13, 8.927, 72.932 |
---|---|
XYZ | 55.921, 55.153, 10.285 |
xyY | 0.461, 0.454, 55.153 |
CIE-LCH | 79.13, 73.476, 83.021 |
CIE-LUV | 79.13, 48.214, 76.847 |
Hunter-Lab | 74.265, 4.444, 43.775 |
Binary | 11110101, 10111011, 00101110 |
Color Schemes with #f5bb2e
Alternatives to #f5bb2e
Below, you can see some colors close to #f5bb2e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5bb2e Preview
This text has a font color of #f5bb2e.
<span style="color:#f5bb2e;">Text here</span>
This paragraph has a background color of #f5bb2e.
<p style="background-color:#f5bb2e;">Content here</p>
This element has a border color of #f5bb2e.
<div style="border:1px solid #f5bb2e;">Content here</div>
.text {color:#f5bb2e;}
.background {background-color:#f5bb2e;}
.border {border:1px solid #f5bb2e;}
Shades and Tints of #f5bb2e
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, #100b01 is the darkest color, while #fffefc is the lightest one.
-
#100b01
#100b01
rgb(16,11,1)
-
#221902
#221902
rgb(34,25,2)
-
#352603
#352603
rgb(53,38,3)
-
#483403
#483403
rgb(72,52,3)
-
#5b4104
#5b4104
rgb(91,65,4)
-
#6d4f05
#6d4f05
rgb(109,79,5)
-
#805c06
#805c06
rgb(128,92,6)
-
#936a07
#936a07
rgb(147,106,7)
-
#a57708
#a57708
rgb(165,119,8)
-
#b88509
#b88509
rgb(184,133,9)
-
#cb930a
#cb930a
rgb(203,147,10)
-
#dea00b
#dea00b
rgb(222,160,11)
-
#f0ae0b
#f0ae0b
rgb(240,174,11)
-
#f4b51b
#f4b51b
rgb(244,181,27)
-
#f5bb2e
#f5bb2e
rgb(245,187,46)
-
#f6c141
#f6c141
rgb(246,193,65)
-
#f7c753
#f7c753
rgb(247,199,83)
-
#f8cd66
#f8cd66
rgb(248,205,102)
-
#f9d379
#f9d379
rgb(249,211,121)
-
#f9d98c
#f9d98c
rgb(249,217,140)
-
#fae09e
#fae09e
rgb(250,224,158)
-
#fbe6b1
#fbe6b1
rgb(251,230,177)
-
#fcecc4
#fcecc4
rgb(252,236,196)
-
#fdf2d6
#fdf2d6
rgb(253,242,214)
-
#fef8e9
#fef8e9
rgb(254,248,233)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #f5bb2e
A tone is produced by adding gray to any pure hue. In this case, #98948b is the less saturated color, while #fdbf26 is the most saturated one.
-
#98948b
#98948b
rgb(152,148,139)
-
#a19882
#a19882
rgb(161,152,130)
-
#a99b7a
#a99b7a
rgb(169,155,122)
-
#b29f71
#b29f71
rgb(178,159,113)
-
#baa269
#baa269
rgb(186,162,105)
-
#c2a661
#c2a661
rgb(194,166,97)
-
#cba958
#cba958
rgb(203,169,88)
-
#d3ad50
#d3ad50
rgb(211,173,80)
-
#dcb047
#dcb047
rgb(220,176,71)
-
#e4b43f
#e4b43f
rgb(228,180,63)
-
#edb736
#edb736
rgb(237,183,54)
-
#f5bb2e
#f5bb2e
rgb(245,187,46)
-
#fdbf26
#fdbf26
rgb(253,191,38)
Color Blindness Simulator
Below, you can see how #f5bb2e 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.