#fba166 Color Information
In a RGB color space, hex #fba166 is composed of 98.4% red, 63.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.9% magenta, 59.4% yellow and 1.6% black. It has a hue angle of 23.8 degrees, a saturation of 94.9% and a lightness of 69.2%. #fba166 color hex could be obtained by blending #ffffcc with #f74300. Closest websafe color is: #ff9966.
-
- R 98
- G 63
- B 40
-
- C 0
- M 36
- Y 59
- K 2
● #fba166 color description : Soft orange.
#fba166 Color Conversion
The hexadecimal color #fba166 has RGB values of R:251, G:161, B:102 and CMYK values of C:0, M:0.36, Y:0.59, K:0.02. Its decimal value is 16490854.
| Hex triplet | fba166 | #fba166 |
|---|---|---|
| RGB Decimal | 251, 161, 102 | rgb(251,161,102) |
| RGB Percent | 98.4, 63.1, 40 | rgb(98.4%,63.1%,40%) |
| CMYK | 0, 36, 59, 2 | |
| HSL | 23.8°, 94.9, 69.2 | hsl(23.8,94.9%,69.2%) |
| HSV (or HSB) | 23.8°, 59.4, 98.4 | |
| Web Safe | ff9966 | #ff9966 |
| CIE-LAB | 74.165, 27.83, 44.205 |
|---|---|
| XYZ | 54.928, 46.962, 18.741 |
| xyY | 0.455, 0.389, 46.962 |
| CIE-LCH | 74.165, 52.236, 57.807 |
| CIE-LUV | 74.165, 68.987, 48.104 |
| Hunter-Lab | 68.529, 23.148, 31.755 |
| Binary | 11111011, 10100001, 01100110 |
Color Schemes with #fba166
Alternatives to #fba166
Below, you can see some colors close to #fba166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fba166 Preview
This text has a font color of #fba166.
<span style="color:#fba166;">Text here</span>
This paragraph has a background color of #fba166.
<p style="background-color:#fba166;">Content here</p>
This element has a border color of #fba166.
<div style="border:1px solid #fba166;">Content here</div>
.text {color:#fba166;}
.background {background-color:#fba166;}
.border {border:1px solid #fba166;}
Shades and Tints of #fba166
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, #130800 is the darkest color, while #ffffff is the lightest one.
-
#130800
#130800rgb(19,8,0) -
#261001
#261001rgb(38,16,1) -
#391801
#391801rgb(57,24,1) -
#4c1f02
#4c1f02rgb(76,31,2) -
#602702
#602702rgb(96,39,2) -
#732f03
#732f03rgb(115,47,3) -
#863703
#863703rgb(134,55,3) -
#993f04
#993f04rgb(153,63,4) -
#ac4704
#ac4704rgb(172,71,4) -
#bf4f05
#bf4f05rgb(191,79,5) -
#d25705
#d25705rgb(210,87,5) -
#e55e06
#e55e06rgb(229,94,6) -
#f86606
#f86606rgb(248,102,6)
-
#f9721a
#f9721argb(249,114,26) -
#fa7e2d
#fa7e2drgb(250,126,45) -
#fa8a40
#fa8a40rgb(250,138,64) -
#fb9553
#fb9553rgb(251,149,83) -
#fba166
#fba166rgb(251,161,102) -
#fbad79
#fbad79rgb(251,173,121) -
#fcb88c
#fcb88crgb(252,184,140) -
#fcc49f
#fcc49frgb(252,196,159) -
#fdd0b2
#fdd0b2rgb(253,208,178) -
#fddcc6
#fddcc6rgb(253,220,198) -
#fee7d9
#fee7d9rgb(254,231,217) -
#fef3ec
#fef3ecrgb(254,243,236) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #fba166
A tone is produced by adding gray to any pure hue. In this case, #b3b0ae is the less saturated color, while #fba166 is the most saturated one.
-
#b3b0ae
#b3b0aergb(179,176,174) -
#b9afa8
#b9afa8rgb(185,175,168) -
#bfaea2
#bfaea2rgb(191,174,162) -
#c5ac9c
#c5ac9crgb(197,172,156) -
#cbab96
#cbab96rgb(203,171,150) -
#d1aa90
#d1aa90rgb(209,170,144) -
#d7a98a
#d7a98argb(215,169,138) -
#dda784
#dda784rgb(221,167,132) -
#e3a67e
#e3a67ergb(227,166,126) -
#e9a578
#e9a578rgb(233,165,120) -
#efa472
#efa472rgb(239,164,114) -
#f5a26c
#f5a26crgb(245,162,108) -
#fba166
#fba166rgb(251,161,102)
Color Blindness Simulator
Below, you can see how #fba166 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.
