#fbb168 Color Information
In a RGB color space, hex #fbb168 is composed of 98.4% red, 69.4% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.5% magenta, 58.6% yellow and 1.6% black. It has a hue angle of 29.8 degrees, a saturation of 94.8% and a lightness of 69.6%. #fbb168 color hex could be obtained by blending #ffffd0 with #f76300. Closest websafe color is: #ff9966.
-
- R 98
- G 69
- B 41
-
- C 0
- M 29
- Y 59
- K 2
● #fbb168 color description : Soft orange.
#fbb168 Color Conversion
The hexadecimal color #fbb168 has RGB values of R:251, G:177, B:104 and CMYK values of C:0, M:0.29, Y:0.59, K:0.02. Its decimal value is 16494952.
| Hex triplet | fbb168 | #fbb168 |
|---|---|---|
| RGB Decimal | 251, 177, 104 | rgb(251,177,104) |
| RGB Percent | 98.4, 69.4, 40.8 | rgb(98.4%,69.4%,40.8%) |
| CMYK | 0, 29, 59, 2 | |
| HSL | 29.8°, 94.8, 69.6 | hsl(29.8,94.8%,69.6%) |
| HSV (or HSB) | 29.8°, 58.6, 98.4 | |
| Web Safe | ff9966 | #ff9966 |
| CIE-LAB | 77.849, 19.589, 47.624 |
|---|---|
| XYZ | 58.005, 52.956, 20.263 |
| xyY | 0.442, 0.404, 52.956 |
| CIE-LCH | 77.849, 51.496, 67.642 |
| CIE-LUV | 77.849, 56.93, 54.253 |
| Hunter-Lab | 72.771, 14.932, 34.431 |
| Binary | 11111011, 10110001, 01101000 |
Color Schemes with #fbb168
Alternatives to #fbb168
Below, you can see some colors close to #fbb168. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fbb168 Preview
This text has a font color of #fbb168.
<span style="color:#fbb168;">Text here</span>
This paragraph has a background color of #fbb168.
<p style="background-color:#fbb168;">Content here</p>
This element has a border color of #fbb168.
<div style="border:1px solid #fbb168;">Content here</div>
.text {color:#fbb168;}
.background {background-color:#fbb168;}
.border {border:1px solid #fbb168;}
Shades and Tints of #fbb168
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, #020100 is the darkest color, while #fff6ee is the lightest one.
-
#020100
#020100rgb(2,1,0) -
#150b01
#150b01rgb(21,11,1) -
#281401
#281401rgb(40,20,1) -
#3b1e02
#3b1e02rgb(59,30,2) -
#4e2802
#4e2802rgb(78,40,2) -
#613203
#613203rgb(97,50,3) -
#753b03
#753b03rgb(117,59,3) -
#884504
#884504rgb(136,69,4) -
#9b4f04
#9b4f04rgb(155,79,4) -
#ae5905
#ae5905rgb(174,89,5) -
#c16205
#c16205rgb(193,98,5) -
#d46c06
#d46c06rgb(212,108,6) -
#e77606
#e77606rgb(231,118,6)
-
#f88008
#f88008rgb(248,128,8) -
#f98a1c
#f98a1crgb(249,138,28) -
#f9932f
#f9932frgb(249,147,47) -
#fa9d42
#fa9d42rgb(250,157,66) -
#faa755
#faa755rgb(250,167,85) -
#fbb168
#fbb168rgb(251,177,104) -
#fcbb7b
#fcbb7brgb(252,187,123) -
#fcc58e
#fcc58ergb(252,197,142) -
#fdcfa1
#fdcfa1rgb(253,207,161) -
#fdd8b4
#fdd8b4rgb(253,216,180) -
#fee2c8
#fee2c8rgb(254,226,200) -
#feecdb
#feecdbrgb(254,236,219) -
#fff6ee
#fff6eergb(255,246,238)
Tones of #fbb168
A tone is produced by adding gray to any pure hue. In this case, #b3b1b0 is the less saturated color, while #fbb168 is the most saturated one.
-
#b3b1b0
#b3b1b0rgb(179,177,176) -
#b9b1aa
#b9b1aargb(185,177,170) -
#bfb1a4
#bfb1a4rgb(191,177,164) -
#c5b19e
#c5b19ergb(197,177,158) -
#cbb198
#cbb198rgb(203,177,152) -
#d1b192
#d1b192rgb(209,177,146) -
#d7b18c
#d7b18crgb(215,177,140) -
#ddb186
#ddb186rgb(221,177,134) -
#e3b180
#e3b180rgb(227,177,128) -
#e9b17a
#e9b17argb(233,177,122) -
#efb174
#efb174rgb(239,177,116) -
#f5b16e
#f5b16ergb(245,177,110) -
#fbb168
#fbb168rgb(251,177,104)
Color Blindness Simulator
Below, you can see how #fbb168 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.
