#fbb301 Color Information
In a RGB color space, hex #fbb301 is composed of 98.4% red, 70.2% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.7% magenta, 99.6% yellow and 1.6% black. It has a hue angle of 42.7 degrees, a saturation of 99.2% and a lightness of 49.4%. #fbb301 color hex could be obtained by blending #ffff02 with #f76700. Closest websafe color is: #ffcc00.
-
- R 98
- G 70
- B 0
-
- C 0
- M 29
- Y 100
- K 2
● #fbb301 color description : Vivid orange.
#fbb301 Color Conversion
The hexadecimal color #fbb301 has RGB values of R:251, G:179, B:1 and CMYK values of C:0, M:0.29, Y:1, K:0.02. Its decimal value is 16495361.
| Hex triplet | fbb301 | #fbb301 |
|---|---|---|
| RGB Decimal | 251, 179, 1 | rgb(251,179,1) |
| RGB Percent | 98.4, 70.2, 0.4 | rgb(98.4%,70.2%,0.4%) |
| CMYK | 0, 29, 100, 2 | |
| HSL | 42.7°, 99.2, 49.4 | hsl(42.7,99.2%,49.4%) |
| HSV (or HSB) | 42.7°, 99.6, 98.4 | |
| Web Safe | ffcc00 | #ffcc00 |
| CIE-LAB | 77.73, 14.934, 80.478 |
|---|---|
| XYZ | 55.911, 52.755, 7.267 |
| xyY | 0.482, 0.455, 52.755 |
| CIE-LCH | 77.73, 81.852, 79.488 |
| CIE-LUV | 77.73, 60.129, 78.829 |
| Hunter-Lab | 72.633, 10.297, 44.911 |
| Binary | 11111011, 10110011, 00000001 |
Color Schemes with #fbb301
Alternatives to #fbb301
Below, you can see some colors close to #fbb301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fbb301 Preview
This text has a font color of #fbb301.
<span style="color:#fbb301;">Text here</span>
This paragraph has a background color of #fbb301.
<p style="background-color:#fbb301;">Content here</p>
This element has a border color of #fbb301.
<div style="border:1px solid #fbb301;">Content here</div>
.text {color:#fbb301;}
.background {background-color:#fbb301;}
.border {border:1px solid #fbb301;}
Shades and Tints of #fbb301
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, #110c00 is the darkest color, while #fffefc is the lightest one.
-
#110c00
#110c00rgb(17,12,0) -
#241a00
#241a00rgb(36,26,0) -
#382800
#382800rgb(56,40,0) -
#4b3600
#4b3600rgb(75,54,0) -
#5f4400
#5f4400rgb(95,68,0) -
#725100
#725100rgb(114,81,0) -
#865f01
#865f01rgb(134,95,1) -
#996d01
#996d01rgb(153,109,1) -
#ad7b01
#ad7b01rgb(173,123,1) -
#c08901
#c08901rgb(192,137,1) -
#d49701
#d49701rgb(212,151,1) -
#e7a501
#e7a501rgb(231,165,1) -
#fbb301
#fbb301rgb(251,179,1)
-
#feba12
#feba12rgb(254,186,18) -
#fec025
#fec025rgb(254,192,37) -
#fec539
#fec539rgb(254,197,57) -
#fecb4c
#fecb4crgb(254,203,76) -
#fed160
#fed160rgb(254,209,96) -
#fed673
#fed673rgb(254,214,115) -
#ffdc87
#ffdc87rgb(255,220,135) -
#ffe29a
#ffe29argb(255,226,154) -
#ffe7ae
#ffe7aergb(255,231,174) -
#ffedc1
#ffedc1rgb(255,237,193) -
#fff3d5
#fff3d5rgb(255,243,213) -
#fff8e8
#fff8e8rgb(255,248,232) -
#fffefc
#fffefcrgb(255,254,252)
Tones of #fbb301
A tone is produced by adding gray to any pure hue. In this case, #878275 is the less saturated color, while #fbb301 is the most saturated one.
-
#878275
#878275rgb(135,130,117) -
#90866c
#90866crgb(144,134,108) -
#9a8a62
#9a8a62rgb(154,138,98) -
#a48e58
#a48e58rgb(164,142,88) -
#ad924f
#ad924frgb(173,146,79) -
#b79645
#b79645rgb(183,150,69) -
#c19a3b
#c19a3brgb(193,154,59) -
#cb9e31
#cb9e31rgb(203,158,49) -
#d4a328
#d4a328rgb(212,163,40) -
#dea71e
#dea71ergb(222,167,30) -
#e8ab14
#e8ab14rgb(232,171,20) -
#f1af0b
#f1af0brgb(241,175,11) -
#fbb301
#fbb301rgb(251,179,1)
Color Blindness Simulator
Below, you can see how #fbb301 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.
