#fba557 Color Information
In a RGB color space, hex #fba557 is composed of 98.4% red, 64.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.3% magenta, 65.3% yellow and 1.6% black. It has a hue angle of 28.5 degrees, a saturation of 95.3% and a lightness of 66.3%. #fba557 color hex could be obtained by blending #ffffae with #f74b00. Closest websafe color is: #ff9966.
-
- R 98
- G 65
- B 34
-
- C 0
- M 34
- Y 65
- K 2
● #fba557 color description : Soft orange.
#fba557 Color Conversion
The hexadecimal color #fba557 has RGB values of R:251, G:165, B:87 and CMYK values of C:0, M:0.34, Y:0.65, K:0.02. Its decimal value is 16491863.
Hex triplet | fba557 | #fba557 |
---|---|---|
RGB Decimal | 251, 165, 87 | rgb(251,165,87) |
RGB Percent | 98.4, 64.7, 34.1 | rgb(98.4%,64.7%,34.1%) |
CMYK | 0, 34, 65, 2 | |
HSL | 28.5°, 95.3, 66.3 | hsl(28.5,95.3%,66.3%) |
HSV (or HSB) | 28.5°, 65.3, 98.4 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 74.895, 24.767, 52.493 |
---|---|
XYZ | 54.96, 48.111, 15.408 |
xyY | 0.464, 0.406, 48.111 |
CIE-LCH | 74.895, 58.043, 64.742 |
CIE-LUV | 74.895, 67.501, 56.357 |
Hunter-Lab | 69.362, 20.053, 35.383 |
Binary | 11111011, 10100101, 01010111 |
Color Schemes with #fba557
Alternatives to #fba557
Below, you can see some colors close to #fba557. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fba557 Preview
This text has a font color of #fba557.
<span style="color:#fba557;">Text here</span>
This paragraph has a background color of #fba557.
<p style="background-color:#fba557;">Content here</p>
This element has a border color of #fba557.
<div style="border:1px solid #fba557;">Content here</div>
.text {color:#fba557;}
.background {background-color:#fba557;}
.border {border:1px solid #fba557;}
Shades and Tints of #fba557
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, #040200 is the darkest color, while #fff7f0 is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#180c01
#180c01
rgb(24,12,1)
-
#2b1501
#2b1501
rgb(43,21,1)
-
#3e1e01
#3e1e01
rgb(62,30,1)
-
#512802
#512802
rgb(81,40,2)
-
#643102
#643102
rgb(100,49,2)
-
#773a03
#773a03
rgb(119,58,3)
-
#8b4403
#8b4403
rgb(139,68,3)
-
#9e4d04
#9e4d04
rgb(158,77,4)
-
#b15604
#b15604
rgb(177,86,4)
-
#c46005
#c46005
rgb(196,96,5)
-
#d76905
#d76905
rgb(215,105,5)
-
#ea7206
#ea7206
rgb(234,114,6)
-
#f97c0a
#f97c0a
rgb(249,124,10)
-
#fa861e
#fa861e
rgb(250,134,30)
-
#fa9031
#fa9031
rgb(250,144,49)
-
#fb9b44
#fb9b44
rgb(251,155,68)
-
#fba557
#fba557
rgb(251,165,87)
-
#fbaf6a
#fbaf6a
rgb(251,175,106)
-
#fcba7d
#fcba7d
rgb(252,186,125)
-
#fcc490
#fcc490
rgb(252,196,144)
-
#fdcea4
#fdcea4
rgb(253,206,164)
-
#fdd8b7
#fdd8b7
rgb(253,216,183)
-
#fee3ca
#fee3ca
rgb(254,227,202)
-
#feeddd
#feeddd
rgb(254,237,221)
-
#fff7f0
#fff7f0
rgb(255,247,240)
Tones of #fba557
A tone is produced by adding gray to any pure hue. In this case, #aca9a6 is the less saturated color, while #fba557 is the most saturated one.
-
#aca9a6
#aca9a6
rgb(172,169,166)
-
#b2a9a0
#b2a9a0
rgb(178,169,160)
-
#b9a899
#b9a899
rgb(185,168,153)
-
#bfa893
#bfa893
rgb(191,168,147)
-
#c6a88c
#c6a88c
rgb(198,168,140)
-
#cda785
#cda785
rgb(205,167,133)
-
#d3a77f
#d3a77f
rgb(211,167,127)
-
#daa778
#daa778
rgb(218,167,120)
-
#e1a671
#e1a671
rgb(225,166,113)
-
#e7a66b
#e7a66b
rgb(231,166,107)
-
#eea664
#eea664
rgb(238,166,100)
-
#f4a55e
#f4a55e
rgb(244,165,94)
-
#fba557
#fba557
rgb(251,165,87)
Color Blindness Simulator
Below, you can see how #fba557 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.