#fba366 Color Information
In a RGB color space, hex #fba366 is composed of 98.4% red, 63.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.1% magenta, 59.4% yellow and 1.6% black. It has a hue angle of 24.6 degrees, a saturation of 94.9% and a lightness of 69.2%. #fba366 color hex could be obtained by blending #ffffcc with #f74700. Closest websafe color is: #ff9966.
-
- R 98
- G 64
- B 40
-
- C 0
- M 35
- Y 59
- K 2
● #fba366 color description : Soft orange.
#fba366 Color Conversion
The hexadecimal color #fba366 has RGB values of R:251, G:163, B:102 and CMYK values of C:0, M:0.35, Y:0.59, K:0.02. Its decimal value is 16491366.
| Hex triplet | fba366 | #fba366 |
|---|---|---|
| RGB Decimal | 251, 163, 102 | rgb(251,163,102) |
| RGB Percent | 98.4, 63.9, 40 | rgb(98.4%,63.9%,40%) |
| CMYK | 0, 35, 59, 2 | |
| HSL | 24.6°, 94.9, 69.2 | hsl(24.6,94.9%,69.2%) |
| HSV (or HSB) | 24.6°, 59.4, 98.4 | |
| Web Safe | ff9966 | #ff9966 |
| CIE-LAB | 74.614, 26.785, 44.747 |
|---|---|
| XYZ | 55.28, 47.667, 18.859 |
| xyY | 0.454, 0.391, 47.667 |
| CIE-LCH | 74.614, 52.151, 59.096 |
| CIE-LUV | 74.614, 67.495, 48.98 |
| Hunter-Lab | 69.041, 22.101, 32.133 |
| Binary | 11111011, 10100011, 01100110 |
Color Schemes with #fba366
Alternatives to #fba366
Below, you can see some colors close to #fba366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fba366 Preview
This text has a font color of #fba366.
<span style="color:#fba366;">Text here</span>
This paragraph has a background color of #fba366.
<p style="background-color:#fba366;">Content here</p>
This element has a border color of #fba366.
<div style="border:1px solid #fba366;">Content here</div>
.text {color:#fba366;}
.background {background-color:#fba366;}
.border {border:1px solid #fba366;}
Shades and Tints of #fba366
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) -
#4c2002
#4c2002rgb(76,32,2) -
#602902
#602902rgb(96,41,2) -
#733103
#733103rgb(115,49,3) -
#863903
#863903rgb(134,57,3) -
#994104
#994104rgb(153,65,4) -
#ac4904
#ac4904rgb(172,73,4) -
#bf5105
#bf5105rgb(191,81,5) -
#d25905
#d25905rgb(210,89,5) -
#e56106
#e56106rgb(229,97,6) -
#f86a06
#f86a06rgb(248,106,6)
-
#f9751a
#f9751argb(249,117,26) -
#fa812d
#fa812drgb(250,129,45) -
#fa8c40
#fa8c40rgb(250,140,64) -
#fb9853
#fb9853rgb(251,152,83) -
#fba366
#fba366rgb(251,163,102) -
#fbae79
#fbae79rgb(251,174,121) -
#fcba8c
#fcba8crgb(252,186,140) -
#fcc59f
#fcc59frgb(252,197,159) -
#fdd1b2
#fdd1b2rgb(253,209,178) -
#fddcc6
#fddcc6rgb(253,220,198) -
#fee8d9
#fee8d9rgb(254,232,217) -
#fef3ec
#fef3ecrgb(254,243,236) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #fba366
A tone is produced by adding gray to any pure hue. In this case, #b3b0ae is the less saturated color, while #fba366 is the most saturated one.
-
#b3b0ae
#b3b0aergb(179,176,174) -
#b9afa8
#b9afa8rgb(185,175,168) -
#bfaea2
#bfaea2rgb(191,174,162) -
#c5ad9c
#c5ad9crgb(197,173,156) -
#cbac96
#cbac96rgb(203,172,150) -
#d1ab90
#d1ab90rgb(209,171,144) -
#d7aa8a
#d7aa8argb(215,170,138) -
#dda884
#dda884rgb(221,168,132) -
#e3a77e
#e3a77ergb(227,167,126) -
#e9a678
#e9a678rgb(233,166,120) -
#efa572
#efa572rgb(239,165,114) -
#f5a46c
#f5a46crgb(245,164,108) -
#fba366
#fba366rgb(251,163,102)
Color Blindness Simulator
Below, you can see how #fba366 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.
