#f7ba5e Color Information
In a RGB color space, hex #f7ba5e is composed of 96.9% red, 72.9% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.7% magenta, 61.9% yellow and 3.1% black. It has a hue angle of 36.1 degrees, a saturation of 90.5% and a lightness of 66.9%. #f7ba5e color hex could be obtained by blending #ffffbc with #ef7500. Closest websafe color is: #ffcc66.
-
- R 97
- G 73
- B 37
-
- C 0
- M 25
- Y 62
- K 3
● #f7ba5e color description : Soft orange.
#f7ba5e Color Conversion
The hexadecimal color #f7ba5e has RGB values of R:247, G:186, B:94 and CMYK values of C:0, M:0.25, Y:0.62, K:0.03. Its decimal value is 16235102.
Hex triplet | f7ba5e | #f7ba5e |
---|---|---|
RGB Decimal | 247, 186, 94 | rgb(247,186,94) |
RGB Percent | 96.9, 72.9, 36.9 | rgb(96.9%,72.9%,36.9%) |
CMYK | 0, 25, 62, 3 | |
HSL | 36.1°, 90.5, 66.9 | hsl(36.1,90.5%,66.9%) |
HSV (or HSB) | 36.1°, 61.9, 96.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.445, 12.548, 54.209 |
---|---|
XYZ | 57.938, 55.703, 18.289 |
xyY | 0.439, 0.422, 55.703 |
CIE-LCH | 79.445, 55.642, 76.967 |
CIE-LUV | 79.445, 48.058, 62.271 |
Hunter-Lab | 74.635, 7.957, 37.715 |
Binary | 11110111, 10111010, 01011110 |
Color Schemes with #f7ba5e
Alternatives to #f7ba5e
Below, you can see some colors close to #f7ba5e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7ba5e Preview
This text has a font color of #f7ba5e.
<span style="color:#f7ba5e;">Text here</span>
This paragraph has a background color of #f7ba5e.
<p style="background-color:#f7ba5e;">Content here</p>
This element has a border color of #f7ba5e.
<div style="border:1px solid #f7ba5e;">Content here</div>
.text {color:#f7ba5e;}
.background {background-color:#f7ba5e;}
.border {border:1px solid #f7ba5e;}
Shades and Tints of #f7ba5e
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, #070400 is the darkest color, while #fefaf3 is the lightest one.
-
#070400
#070400
rgb(7,4,0)
-
#1a1001
#1a1001
rgb(26,16,1)
-
#2d1c02
#2d1c02
rgb(45,28,2)
-
#3f2703
#3f2703
rgb(63,39,3)
-
#523304
#523304
rgb(82,51,4)
-
#653e05
#653e05
rgb(101,62,5)
-
#774a06
#774a06
rgb(119,74,6)
-
#8a5607
#8a5607
rgb(138,86,7)
-
#9d6108
#9d6108
rgb(157,97,8)
-
#af6d09
#af6d09
rgb(175,109,9)
-
#c2790a
#c2790a
rgb(194,121,10)
-
#d5840b
#d5840b
rgb(213,132,11)
-
#e7900b
#e7900b
rgb(231,144,11)
-
#f39a13
#f39a13
rgb(243,154,19)
-
#f4a226
#f4a226
rgb(244,162,38)
-
#f5aa39
#f5aa39
rgb(245,170,57)
-
#f6b24b
#f6b24b
rgb(246,178,75)
-
#f7ba5e
#f7ba5e
rgb(247,186,94)
-
#f8c271
#f8c271
rgb(248,194,113)
-
#f9ca83
#f9ca83
rgb(249,202,131)
-
#fad296
#fad296
rgb(250,210,150)
-
#fbdaa9
#fbdaa9
rgb(251,218,169)
-
#fce2bb
#fce2bb
rgb(252,226,187)
-
#fdeace
#fdeace
rgb(253,234,206)
-
#fdf2e1
#fdf2e1
rgb(253,242,225)
-
#fefaf3
#fefaf3
rgb(254,250,243)
Tones of #f7ba5e
A tone is produced by adding gray to any pure hue. In this case, #b0aca6 is the less saturated color, while #febb58 is the most saturated one.
-
#b0aca6
#b0aca6
rgb(176,172,166)
-
#b6ad9f
#b6ad9f
rgb(182,173,159)
-
#bdae99
#bdae99
rgb(189,174,153)
-
#c3af92
#c3af92
rgb(195,175,146)
-
#cab18c
#cab18c
rgb(202,177,140)
-
#d0b285
#d0b285
rgb(208,178,133)
-
#d7b37f
#d7b37f
rgb(215,179,127)
-
#ddb578
#ddb578
rgb(221,181,120)
-
#e4b672
#e4b672
rgb(228,182,114)
-
#eab76b
#eab76b
rgb(234,183,107)
-
#f1b965
#f1b965
rgb(241,185,101)
-
#f7ba5e
#f7ba5e
rgb(247,186,94)
-
#febb58
#febb58
rgb(254,187,88)
Color Blindness Simulator
Below, you can see how #f7ba5e 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.