#fbb330 Color Information
In a RGB color space, hex #fbb330 is composed of 98.4% red, 70.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.7% magenta, 80.9% yellow and 1.6% black. It has a hue angle of 38.7 degrees, a saturation of 96.2% and a lightness of 58.6%. #fbb330 color hex could be obtained by blending #ffff60 with #f76700. Closest websafe color is: #ffcc33.
-
- R 98
- G 70
- B 19
-
- C 0
- M 29
- Y 81
- K 2
● #fbb330 color description : Bright orange.
#fbb330 Color Conversion
The hexadecimal color #fbb330 has RGB values of R:251, G:179, B:48 and CMYK values of C:0, M:0.29, Y:0.81, K:0.02. Its decimal value is 16495408.
| Hex triplet | fbb330 | #fbb330 |
|---|---|---|
| RGB Decimal | 251, 179, 48 | rgb(251,179,48) |
| RGB Percent | 98.4, 70.2, 18.8 | rgb(98.4%,70.2%,18.8%) |
| CMYK | 0, 29, 81, 2 | |
| HSL | 38.7°, 96.2, 58.6 | hsl(38.7,96.2%,58.6%) |
| HSV (or HSB) | 38.7°, 80.9, 98.4 | |
| Web Safe | ffcc33 | #ffcc33 |
| CIE-LAB | 77.855, 15.71, 71.442 |
|---|---|
| XYZ | 56.439, 52.966, 10.047 |
| xyY | 0.472, 0.443, 52.966 |
| CIE-LCH | 77.855, 73.149, 77.598 |
| CIE-LUV | 77.855, 59.093, 73.585 |
| Hunter-Lab | 72.778, 11.063, 42.759 |
| Binary | 11111011, 10110011, 00110000 |
Color Schemes with #fbb330
Alternatives to #fbb330
Below, you can see some colors close to #fbb330. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fbb330 Preview
This text has a font color of #fbb330.
<span style="color:#fbb330;">Text here</span>
This paragraph has a background color of #fbb330.
<p style="background-color:#fbb330;">Content here</p>
This element has a border color of #fbb330.
<div style="border:1px solid #fbb330;">Content here</div>
.text {color:#fbb330;}
.background {background-color:#fbb330;}
.border {border:1px solid #fbb330;}
Shades and Tints of #fbb330
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, #050300 is the darkest color, while #fffaf0 is the lightest one.
-
#050300
#050300rgb(5,3,0) -
#181000
#181000rgb(24,16,0) -
#2b1c01
#2b1c01rgb(43,28,1) -
#3e2901
#3e2901rgb(62,41,1) -
#523502
#523502rgb(82,53,2) -
#654202
#654202rgb(101,66,2) -
#784e02
#784e02rgb(120,78,2) -
#8b5b03
#8b5b03rgb(139,91,3) -
#9f6703
#9f6703rgb(159,103,3) -
#b27403
#b27403rgb(178,116,3) -
#c58104
#c58104rgb(197,129,4) -
#d88d04
#d88d04rgb(216,141,4) -
#ec9a05
#ec9a05rgb(236,154,5)
-
#faa50a
#faa50argb(250,165,10) -
#fbac1d
#fbac1drgb(251,172,29) -
#fbb330
#fbb330rgb(251,179,48) -
#fbba43
#fbba43rgb(251,186,67) -
#fcc156
#fcc156rgb(252,193,86) -
#fcc86a
#fcc86argb(252,200,106) -
#fccf7d
#fccf7drgb(252,207,125) -
#fdd690
#fdd690rgb(253,214,144) -
#fddda3
#fddda3rgb(253,221,163) -
#fee4b7
#fee4b7rgb(254,228,183) -
#feecca
#feeccargb(254,236,202) -
#fef3dd
#fef3ddrgb(254,243,221) -
#fffaf0
#fffaf0rgb(255,250,240)
Tones of #fbb330
A tone is produced by adding gray to any pure hue. In this case, #9a9791 is the less saturated color, while #fbb330 is the most saturated one.
-
#9a9791
#9a9791rgb(154,151,145) -
#a29989
#a29989rgb(162,153,137) -
#aa9b81
#aa9b81rgb(170,155,129) -
#b29e79
#b29e79rgb(178,158,121) -
#baa071
#baa071rgb(186,160,113) -
#c2a269
#c2a269rgb(194,162,105) -
#caa561
#caa561rgb(202,165,97) -
#d2a759
#d2a759rgb(210,167,89) -
#dbaa50
#dbaa50rgb(219,170,80) -
#e3ac48
#e3ac48rgb(227,172,72) -
#ebae40
#ebae40rgb(235,174,64) -
#f3b138
#f3b138rgb(243,177,56) -
#fbb330
#fbb330rgb(251,179,48)
Color Blindness Simulator
Below, you can see how #fbb330 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.
