#fba553 Color Information
In a RGB color space, hex #fba553 is composed of 98.4% red, 64.7% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.3% magenta, 66.9% yellow and 1.6% black. It has a hue angle of 29.3 degrees, a saturation of 95.5% and a lightness of 65.5%. #fba553 color hex could be obtained by blending #ffffa6 with #f74b00. Closest websafe color is: #ff9966.
-
- R 98
- G 65
- B 33
-
- C 0
- M 34
- Y 67
- K 2
● #fba553 color description : Soft orange.
#fba553 Color Conversion
The hexadecimal color #fba553 has RGB values of R:251, G:165, B:83 and CMYK values of C:0, M:0.34, Y:0.67, K:0.02. Its decimal value is 16491859.
| Hex triplet | fba553 | #fba553 |
|---|---|---|
| RGB Decimal | 251, 165, 83 | rgb(251,165,83) |
| RGB Percent | 98.4, 64.7, 32.5 | rgb(98.4%,64.7%,32.5%) |
| CMYK | 0, 34, 67, 2 | |
| HSL | 29.3°, 95.5, 65.5 | hsl(29.3,95.5%,65.5%) |
| HSV (or HSB) | 29.3°, 66.9, 98.4 | |
| Web Safe | ff9966 | #ff9966 |
| CIE-LAB | 74.855, 24.538, 54.347 |
|---|---|
| XYZ | 54.801, 48.048, 14.571 |
| xyY | 0.467, 0.409, 48.048 |
| CIE-LCH | 74.855, 59.63, 65.701 |
| CIE-LUV | 74.855, 67.86, 57.912 |
| Hunter-Lab | 69.316, 19.818, 36.058 |
| Binary | 11111011, 10100101, 01010011 |
Color Schemes with #fba553
Alternatives to #fba553
Below, you can see some colors close to #fba553. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fba553 Preview
This text has a font color of #fba553.
<span style="color:#fba553;">Text here</span>
This paragraph has a background color of #fba553.
<p style="background-color:#fba553;">Content here</p>
This element has a border color of #fba553.
<div style="border:1px solid #fba553;">Content here</div>
.text {color:#fba553;}
.background {background-color:#fba553;}
.border {border:1px solid #fba553;}
Shades and Tints of #fba553
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, #010000 is the darkest color, while #fff5ec is the lightest one.
-
#010000
#010000rgb(1,0,0) -
#140a00
#140a00rgb(20,10,0) -
#271301
#271301rgb(39,19,1) -
#3a1d01
#3a1d01rgb(58,29,1) -
#4d2702
#4d2702rgb(77,39,2) -
#603002
#603002rgb(96,48,2) -
#743a03
#743a03rgb(116,58,3) -
#874303
#874303rgb(135,67,3) -
#9a4d04
#9a4d04rgb(154,77,4) -
#ad5704
#ad5704rgb(173,87,4) -
#c06004
#c06004rgb(192,96,4) -
#d36a05
#d36a05rgb(211,106,5) -
#e77305
#e77305rgb(231,115,5)
-
#f97d06
#f97d06rgb(249,125,6) -
#fa8719
#fa8719rgb(250,135,25) -
#fa912d
#fa912drgb(250,145,45) -
#fb9b40
#fb9b40rgb(251,155,64) -
#fba553
#fba553rgb(251,165,83) -
#fbaf66
#fbaf66rgb(251,175,102) -
#fcb979
#fcb979rgb(252,185,121) -
#fcc38d
#fcc38drgb(252,195,141) -
#fdcda0
#fdcda0rgb(253,205,160) -
#fdd7b3
#fdd7b3rgb(253,215,179) -
#fee1c6
#fee1c6rgb(254,225,198) -
#feebd9
#feebd9rgb(254,235,217) -
#fff5ec
#fff5ecrgb(255,245,236)
Tones of #fba553
A tone is produced by adding gray to any pure hue. In this case, #aaa7a4 is the less saturated color, while #fba553 is the most saturated one.
-
#aaa7a4
#aaa7a4rgb(170,167,164) -
#b1a79d
#b1a79drgb(177,167,157) -
#b7a797
#b7a797rgb(183,167,151) -
#bea690
#bea690rgb(190,166,144) -
#c5a689
#c5a689rgb(197,166,137) -
#cca682
#cca682rgb(204,166,130) -
#d2a67c
#d2a67crgb(210,166,124) -
#d9a675
#d9a675rgb(217,166,117) -
#e0a66e
#e0a66ergb(224,166,110) -
#e7a567
#e7a567rgb(231,165,103) -
#eda561
#eda561rgb(237,165,97) -
#f4a55a
#f4a55argb(244,165,90) -
#fba553
#fba553rgb(251,165,83)
Color Blindness Simulator
Below, you can see how #fba553 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.
