#fbb166 Color Information
In a RGB color space, hex #fbb166 is composed of 98.4% red, 69.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.5% magenta, 59.4% yellow and 1.6% black. It has a hue angle of 30.2 degrees, a saturation of 94.9% and a lightness of 69.2%. #fbb166 color hex could be obtained by blending #ffffcc with #f76300. Closest websafe color is: #ff9966.
-
- R 98
- G 69
- B 40
-
- C 0
- M 29
- Y 59
- K 2
● #fbb166 color description : Soft orange.
#fbb166 Color Conversion
The hexadecimal color #fbb166 has RGB values of R:251, G:177, B:102 and CMYK values of C:0, M:0.29, Y:0.59, K:0.02. Its decimal value is 16494950.
| Hex triplet | fbb166 | #fbb166 |
|---|---|---|
| RGB Decimal | 251, 177, 102 | rgb(251,177,102) |
| RGB Percent | 98.4, 69.4, 40 | rgb(98.4%,69.4%,40%) |
| CMYK | 0, 29, 59, 2 | |
| HSL | 30.2°, 94.9, 69.2 | hsl(30.2,94.9%,69.2%) |
| HSV (or HSB) | 30.2°, 59.4, 98.4 | |
| Web Safe | ff9966 | #ff9966 |
| CIE-LAB | 77.825, 19.446, 48.585 |
|---|---|
| XYZ | 57.905, 52.916, 19.734 |
| xyY | 0.444, 0.405, 52.916 |
| CIE-LCH | 77.825, 52.333, 68.186 |
| CIE-LUV | 77.825, 57.113, 55.162 |
| Hunter-Lab | 72.744, 14.788, 34.836 |
| Binary | 11111011, 10110001, 01100110 |
Color Schemes with #fbb166
Alternatives to #fbb166
Below, you can see some colors close to #fbb166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fbb166 Preview
This text has a font color of #fbb166.
<span style="color:#fbb166;">Text here</span>
This paragraph has a background color of #fbb166.
<p style="background-color:#fbb166;">Content here</p>
This element has a border color of #fbb166.
<div style="border:1px solid #fbb166;">Content here</div>
.text {color:#fbb166;}
.background {background-color:#fbb166;}
.border {border:1px solid #fbb166;}
Shades and Tints of #fbb166
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, #130a00 is the darkest color, while #ffffff is the lightest one.
-
#130a00
#130a00rgb(19,10,0) -
#261401
#261401rgb(38,20,1) -
#391e01
#391e01rgb(57,30,1) -
#4c2702
#4c2702rgb(76,39,2) -
#603102
#603102rgb(96,49,2) -
#733b03
#733b03rgb(115,59,3) -
#864503
#864503rgb(134,69,3) -
#994f04
#994f04rgb(153,79,4) -
#ac5904
#ac5904rgb(172,89,4) -
#bf6305
#bf6305rgb(191,99,5) -
#d26d05
#d26d05rgb(210,109,5) -
#e57606
#e57606rgb(229,118,6) -
#f88006
#f88006rgb(248,128,6)
-
#f98a1a
#f98a1argb(249,138,26) -
#fa942d
#fa942drgb(250,148,45) -
#fa9e40
#fa9e40rgb(250,158,64) -
#fba753
#fba753rgb(251,167,83) -
#fbb166
#fbb166rgb(251,177,102) -
#fbbb79
#fbbb79rgb(251,187,121) -
#fcc48c
#fcc48crgb(252,196,140) -
#fcce9f
#fcce9frgb(252,206,159) -
#fdd8b2
#fdd8b2rgb(253,216,178) -
#fde2c6
#fde2c6rgb(253,226,198) -
#feebd9
#feebd9rgb(254,235,217) -
#fef5ec
#fef5ecrgb(254,245,236) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #fbb166
A tone is produced by adding gray to any pure hue. In this case, #b3b1ae is the less saturated color, while #fbb166 is the most saturated one.
-
#b3b1ae
#b3b1aergb(179,177,174) -
#b9b1a8
#b9b1a8rgb(185,177,168) -
#bfb1a2
#bfb1a2rgb(191,177,162) -
#c5b19c
#c5b19crgb(197,177,156) -
#cbb196
#cbb196rgb(203,177,150) -
#d1b190
#d1b190rgb(209,177,144) -
#d7b18a
#d7b18argb(215,177,138) -
#ddb184
#ddb184rgb(221,177,132) -
#e3b17e
#e3b17ergb(227,177,126) -
#e9b178
#e9b178rgb(233,177,120) -
#efb172
#efb172rgb(239,177,114) -
#f5b16c
#f5b16crgb(245,177,108) -
#fbb166
#fbb166rgb(251,177,102)
Color Blindness Simulator
Below, you can see how #fbb166 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.
