#f5ba7f Color Information
In a RGB color space, hex #f5ba7f is composed of 96.1% red, 72.9% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.1% magenta, 48.2% yellow and 3.9% black. It has a hue angle of 30 degrees, a saturation of 85.5% and a lightness of 72.9%. #f5ba7f color hex could be obtained by blending #fffffe with #eb7500. Closest websafe color is: #ffcc66.
-
- R 96
- G 73
- B 50
-
- C 0
- M 24
- Y 48
- K 4
● #f5ba7f color description : Soft orange.
#f5ba7f Color Conversion
The hexadecimal color #f5ba7f has RGB values of R:245, G:186, B:127 and CMYK values of C:0, M:0.24, Y:0.48, K:0.04. Its decimal value is 16104063.
Hex triplet | f5ba7f | #f5ba7f |
---|---|---|
RGB Decimal | 245, 186, 127 | rgb(245,186,127) |
RGB Percent | 96.1, 72.9, 49.8 | rgb(96.1%,72.9%,49.8%) |
CMYK | 0, 24, 48, 4 | |
HSL | 30°, 85.5, 72.9 | hsl(30,85.5%,72.9%) |
HSV (or HSB) | 30°, 48.2, 96.1 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.651, 14.344, 38.052 |
---|---|
XYZ | 59.046, 56.065, 27.789 |
xyY | 0.413, 0.392, 56.065 |
CIE-LCH | 79.651, 40.666, 69.345 |
CIE-LUV | 79.651, 43.835, 46.36 |
Hunter-Lab | 74.877, 9.727, 30.409 |
Binary | 11110101, 10111010, 01111111 |
Color Schemes with #f5ba7f
Alternatives to #f5ba7f
Below, you can see some colors close to #f5ba7f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5ba7f Preview
This text has a font color of #f5ba7f.
<span style="color:#f5ba7f;">Text here</span>
This paragraph has a background color of #f5ba7f.
<p style="background-color:#f5ba7f;">Content here</p>
This element has a border color of #f5ba7f.
<div style="border:1px solid #f5ba7f;">Content here</div>
.text {color:#f5ba7f;}
.background {background-color:#f5ba7f;}
.border {border:1px solid #f5ba7f;}
Shades and Tints of #f5ba7f
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, #120901 is the darkest color, while #fffffe is the lightest one.
-
#120901
#120901
rgb(18,9,1)
-
#241303
#241303
rgb(36,19,3)
-
#361d04
#361d04
rgb(54,29,4)
-
#482706
#482706
rgb(72,39,6)
-
#5a3107
#5a3107
rgb(90,49,7)
-
#6d3b08
#6d3b08
rgb(109,59,8)
-
#7f440a
#7f440a
rgb(127,68,10)
-
#914e0b
#914e0b
rgb(145,78,11)
-
#a3580d
#a3580d
rgb(163,88,13)
-
#b5620e
#b5620e
rgb(181,98,14)
-
#c76c10
#c76c10
rgb(199,108,16)
-
#da7511
#da7511
rgb(218,117,17)
-
#ec7f12
#ec7f12
rgb(236,127,18)
-
#ee8924
#ee8924
rgb(238,137,36)
-
#ef9336
#ef9336
rgb(239,147,54)
-
#f19d48
#f19d48
rgb(241,157,72)
-
#f2a65b
#f2a65b
rgb(242,166,91)
-
#f4b06d
#f4b06d
rgb(244,176,109)
-
#f5ba7f
#f5ba7f
rgb(245,186,127)
-
#f6c491
#f6c491
rgb(246,196,145)
-
#f8cea3
#f8cea3
rgb(248,206,163)
-
#f9d7b6
#f9d7b6
rgb(249,215,182)
-
#fbe1c8
#fbe1c8
rgb(251,225,200)
-
#fcebda
#fcebda
rgb(252,235,218)
-
#fef5ec
#fef5ec
rgb(254,245,236)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f5ba7f
A tone is produced by adding gray to any pure hue. In this case, #bbbab9 is the less saturated color, while #faba7a is the most saturated one.
-
#bbbab9
#bbbab9
rgb(187,186,185)
-
#c0bab4
#c0bab4
rgb(192,186,180)
-
#c5baaf
#c5baaf
rgb(197,186,175)
-
#cbbaa9
#cbbaa9
rgb(203,186,169)
-
#d0baa4
#d0baa4
rgb(208,186,164)
-
#d5ba9f
#d5ba9f
rgb(213,186,159)
-
#daba9a
#daba9a
rgb(218,186,154)
-
#e0ba94
#e0ba94
rgb(224,186,148)
-
#e5ba8f
#e5ba8f
rgb(229,186,143)
-
#eaba8a
#eaba8a
rgb(234,186,138)
-
#f0ba84
#f0ba84
rgb(240,186,132)
-
#f5ba7f
#f5ba7f
rgb(245,186,127)
-
#faba7a
#faba7a
rgb(250,186,122)
Color Blindness Simulator
Below, you can see how #f5ba7f 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.