#fbb766 Color Information
In a RGB color space, hex #fbb766 is composed of 98.4% red, 71.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 59.4% yellow and 1.6% black. It has a hue angle of 32.6 degrees, a saturation of 94.9% and a lightness of 69.2%. #fbb766 color hex could be obtained by blending #ffffcc with #f76f00. Closest websafe color is: #ffcc66.
-
- R 98
- G 72
- B 40
-
- C 0
- M 27
- Y 59
- K 2
● #fbb766 color description : Soft orange.
#fbb766 Color Conversion
The hexadecimal color #fbb766 has RGB values of R:251, G:183, B:102 and CMYK values of C:0, M:0.27, Y:0.59, K:0.02. Its decimal value is 16496486.
| Hex triplet | fbb766 | #fbb766 |
|---|---|---|
| RGB Decimal | 251, 183, 102 | rgb(251,183,102) |
| RGB Percent | 98.4, 71.8, 40 | rgb(98.4%,71.8%,40%) |
| CMYK | 0, 27, 59, 2 | |
| HSL | 32.6°, 94.9, 69.2 | hsl(32.6,94.9%,69.2%) |
| HSV (or HSB) | 32.6°, 59.4, 98.4 | |
| Web Safe | ffcc66 | #ffcc66 |
| CIE-LAB | 79.236, 16.302, 50.251 |
|---|---|
| XYZ | 59.116, 55.339, 20.138 |
| xyY | 0.439, 0.411, 55.339 |
| CIE-LCH | 79.236, 52.829, 72.026 |
| CIE-LUV | 79.236, 52.712, 57.829 |
| Hunter-Lab | 74.39, 11.668, 36.023 |
| Binary | 11111011, 10110111, 01100110 |
Color Schemes with #fbb766
Alternatives to #fbb766
Below, you can see some colors close to #fbb766. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fbb766 Preview
This text has a font color of #fbb766.
<span style="color:#fbb766;">Text here</span>
This paragraph has a background color of #fbb766.
<p style="background-color:#fbb766;">Content here</p>
This element has a border color of #fbb766.
<div style="border:1px solid #fbb766;">Content here</div>
.text {color:#fbb766;}
.background {background-color:#fbb766;}
.border {border:1px solid #fbb766;}
Shades and Tints of #fbb766
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, #130b00 is the darkest color, while #ffffff is the lightest one.
-
#130b00
#130b00rgb(19,11,0) -
#261501
#261501rgb(38,21,1) -
#392001
#392001rgb(57,32,1) -
#4c2a02
#4c2a02rgb(76,42,2) -
#603502
#603502rgb(96,53,2) -
#734003
#734003rgb(115,64,3) -
#864a03
#864a03rgb(134,74,3) -
#995504
#995504rgb(153,85,4) -
#ac6004
#ac6004rgb(172,96,4) -
#bf6a05
#bf6a05rgb(191,106,5) -
#d27505
#d27505rgb(210,117,5) -
#e57f06
#e57f06rgb(229,127,6) -
#f88a06
#f88a06rgb(248,138,6)
-
#f9931a
#f9931argb(249,147,26) -
#fa9c2d
#fa9c2drgb(250,156,45) -
#faa540
#faa540rgb(250,165,64) -
#fbae53
#fbae53rgb(251,174,83) -
#fbb766
#fbb766rgb(251,183,102) -
#fbc079
#fbc079rgb(251,192,121) -
#fcc98c
#fcc98crgb(252,201,140) -
#fcd29f
#fcd29frgb(252,210,159) -
#fddbb2
#fddbb2rgb(253,219,178) -
#fde4c6
#fde4c6rgb(253,228,198) -
#feedd9
#feedd9rgb(254,237,217) -
#fef6ec
#fef6ecrgb(254,246,236) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #fbb766
A tone is produced by adding gray to any pure hue. In this case, #b3b1ae is the less saturated color, while #fbb766 is the most saturated one.
-
#b3b1ae
#b3b1aergb(179,177,174) -
#b9b1a8
#b9b1a8rgb(185,177,168) -
#bfb2a2
#bfb2a2rgb(191,178,162) -
#c5b29c
#c5b29crgb(197,178,156) -
#cbb396
#cbb396rgb(203,179,150) -
#d1b390
#d1b390rgb(209,179,144) -
#d7b48a
#d7b48argb(215,180,138) -
#ddb484
#ddb484rgb(221,180,132) -
#e3b57e
#e3b57ergb(227,181,126) -
#e9b578
#e9b578rgb(233,181,120) -
#efb672
#efb672rgb(239,182,114) -
#f5b66c
#f5b66crgb(245,182,108) -
#fbb766
#fbb766rgb(251,183,102)
Color Blindness Simulator
Below, you can see how #fbb766 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.
