#fbc166 Color Information
In a RGB color space, hex #fbc166 is composed of 98.4% red, 75.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.1% magenta, 59.4% yellow and 1.6% black. It has a hue angle of 36.6 degrees, a saturation of 94.9% and a lightness of 69.2%. #fbc166 color hex could be obtained by blending #ffffcc with #f78300. Closest websafe color is: #ffcc66.
-
- R 98
- G 76
- B 40
-
- C 0
- M 23
- Y 59
- K 2
● #fbc166 color description : Soft orange.
#fbc166 Color Conversion
The hexadecimal color #fbc166 has RGB values of R:251, G:193, B:102 and CMYK values of C:0, M:0.23, Y:0.59, K:0.02. Its decimal value is 16499046.
| Hex triplet | fbc166 | #fbc166 |
|---|---|---|
| RGB Decimal | 251, 193, 102 | rgb(251,193,102) |
| RGB Percent | 98.4, 75.7, 40 | rgb(98.4%,75.7%,40%) |
| CMYK | 0, 23, 59, 2 | |
| HSL | 36.6°, 94.9, 69.2 | hsl(36.6,94.9%,69.2%) |
| HSV (or HSB) | 36.6°, 59.4, 98.4 | |
| Web Safe | ffcc66 | #ffcc66 |
| CIE-LAB | 81.627, 11.078, 53.045 |
|---|---|
| XYZ | 61.253, 59.611, 20.85 |
| xyY | 0.432, 0.421, 59.611 |
| CIE-LCH | 81.627, 54.189, 78.203 |
| CIE-LUV | 81.627, 45.465, 62.283 |
| Hunter-Lab | 77.208, 6.497, 38.035 |
| Binary | 11111011, 11000001, 01100110 |
Color Schemes with #fbc166
Alternatives to #fbc166
Below, you can see some colors close to #fbc166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fbc166 Preview
This text has a font color of #fbc166.
<span style="color:#fbc166;">Text here</span>
This paragraph has a background color of #fbc166.
<p style="background-color:#fbc166;">Content here</p>
This element has a border color of #fbc166.
<div style="border:1px solid #fbc166;">Content here</div>
.text {color:#fbc166;}
.background {background-color:#fbc166;}
.border {border:1px solid #fbc166;}
Shades and Tints of #fbc166
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, #130c00 is the darkest color, while #ffffff is the lightest one.
-
#130c00
#130c00rgb(19,12,0) -
#261801
#261801rgb(38,24,1) -
#392401
#392401rgb(57,36,1) -
#4c2f02
#4c2f02rgb(76,47,2) -
#603b02
#603b02rgb(96,59,2) -
#734703
#734703rgb(115,71,3) -
#865303
#865303rgb(134,83,3) -
#995f04
#995f04rgb(153,95,4) -
#ac6b04
#ac6b04rgb(172,107,4) -
#bf7705
#bf7705rgb(191,119,5) -
#d28305
#d28305rgb(210,131,5) -
#e58e06
#e58e06rgb(229,142,6) -
#f89a06
#f89a06rgb(248,154,6)
-
#f9a21a
#f9a21argb(249,162,26) -
#faaa2d
#faaa2drgb(250,170,45) -
#fab240
#fab240rgb(250,178,64) -
#fbb953
#fbb953rgb(251,185,83) -
#fbc166
#fbc166rgb(251,193,102) -
#fbc979
#fbc979rgb(251,201,121) -
#fcd08c
#fcd08crgb(252,208,140) -
#fcd89f
#fcd89frgb(252,216,159) -
#fde0b2
#fde0b2rgb(253,224,178) -
#fde8c6
#fde8c6rgb(253,232,198) -
#feefd9
#feefd9rgb(254,239,217) -
#fef7ec
#fef7ecrgb(254,247,236) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #fbc166
A tone is produced by adding gray to any pure hue. In this case, #b3b1ae is the less saturated color, while #fbc166 is the most saturated one.
-
#b3b1ae
#b3b1aergb(179,177,174) -
#b9b2a8
#b9b2a8rgb(185,178,168) -
#bfb4a2
#bfb4a2rgb(191,180,162) -
#c5b59c
#c5b59crgb(197,181,156) -
#cbb696
#cbb696rgb(203,182,150) -
#d1b890
#d1b890rgb(209,184,144) -
#d7b98a
#d7b98argb(215,185,138) -
#ddba84
#ddba84rgb(221,186,132) -
#e3bc7e
#e3bc7ergb(227,188,126) -
#e9bd78
#e9bd78rgb(233,189,120) -
#efbe72
#efbe72rgb(239,190,114) -
#f5c06c
#f5c06crgb(245,192,108) -
#fbc166
#fbc166rgb(251,193,102)
Color Blindness Simulator
Below, you can see how #fbc166 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.
