#f7b54e Color Information
In a RGB color space, hex #f7b54e is composed of 96.9% red, 71% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 68.4% yellow and 3.1% black. It has a hue angle of 36.6 degrees, a saturation of 91.4% and a lightness of 63.7%. #f7b54e color hex could be obtained by blending #ffff9c with #ef6b00. Closest websafe color is: #ffcc66.
-
- R 97
- G 71
- B 31
-
- C 0
- M 27
- Y 68
- K 3
● #f7b54e color description : Soft orange.
#f7b54e Color Conversion
The hexadecimal color #f7b54e has RGB values of R:247, G:181, B:78 and CMYK values of C:0, M:0.27, Y:0.68, K:0.03. Its decimal value is 16233806.
Hex triplet | f7b54e | #f7b54e |
---|---|---|
RGB Decimal | 247, 181, 78 | rgb(247,181,78) |
RGB Percent | 96.9, 71, 30.6 | rgb(96.9%,71%,30.6%) |
CMYK | 0, 27, 68, 3 | |
HSL | 36.6°, 91.4, 63.7 | hsl(36.6,91.4%,63.7%) |
HSV (or HSB) | 36.6°, 68.4, 96.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 78.096, 14.223, 59.992 |
---|---|
XYZ | 56.258, 53.375, 14.547 |
xyY | 0.453, 0.43, 53.375 |
CIE-LCH | 78.096, 61.655, 76.663 |
CIE-LUV | 78.096, 52.843, 66.096 |
Hunter-Lab | 73.058, 9.6, 39.335 |
Binary | 11110111, 10110101, 01001110 |
Color Schemes with #f7b54e
Alternatives to #f7b54e
Below, you can see some colors close to #f7b54e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7b54e Preview
This text has a font color of #f7b54e.
<span style="color:#f7b54e;">Text here</span>
This paragraph has a background color of #f7b54e.
<p style="background-color:#f7b54e;">Content here</p>
This element has a border color of #f7b54e.
<div style="border:1px solid #f7b54e;">Content here</div>
.text {color:#f7b54e;}
.background {background-color:#f7b54e;}
.border {border:1px solid #f7b54e;}
Shades and Tints of #f7b54e
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, #0b0700 is the darkest color, while #fffcf7 is the lightest one.
-
#0b0700
#0b0700
rgb(11,7,0)
-
#1d1201
#1d1201
rgb(29,18,1)
-
#301e02
#301e02
rgb(48,30,2)
-
#432a03
#432a03
rgb(67,42,3)
-
#563604
#563604
rgb(86,54,4)
-
#694205
#694205
rgb(105,66,5)
-
#7b4d06
#7b4d06
rgb(123,77,6)
-
#8e5906
#8e5906
rgb(142,89,6)
-
#a16507
#a16507
rgb(161,101,7)
-
#b47108
#b47108
rgb(180,113,8)
-
#c67c09
#c67c09
rgb(198,124,9)
-
#d9880a
#d9880a
rgb(217,136,10)
-
#ec940b
#ec940b
rgb(236,148,11)
-
#f49d16
#f49d16
rgb(244,157,22)
-
#f5a528
#f5a528
rgb(245,165,40)
-
#f6ad3b
#f6ad3b
rgb(246,173,59)
-
#f7b54e
#f7b54e
rgb(247,181,78)
-
#f8bd61
#f8bd61
rgb(248,189,97)
-
#f9c574
#f9c574
rgb(249,197,116)
-
#facd86
#facd86
rgb(250,205,134)
-
#fad499
#fad499
rgb(250,212,153)
-
#fbdcac
#fbdcac
rgb(251,220,172)
-
#fce4bf
#fce4bf
rgb(252,228,191)
-
#fdecd1
#fdecd1
rgb(253,236,209)
-
#fef4e4
#fef4e4
rgb(254,244,228)
-
#fffcf7
#fffcf7
rgb(255,252,247)
Tones of #f7b54e
A tone is produced by adding gray to any pure hue. In this case, #a9a49c is the less saturated color, while #feb747 is the most saturated one.
-
#a9a49c
#a9a49c
rgb(169,164,156)
-
#b0a595
#b0a595
rgb(176,165,149)
-
#b7a78e
#b7a78e
rgb(183,167,142)
-
#bea987
#bea987
rgb(190,169,135)
-
#c5aa80
#c5aa80
rgb(197,170,128)
-
#ccac79
#ccac79
rgb(204,172,121)
-
#d3ad72
#d3ad72
rgb(211,173,114)
-
#dbaf6a
#dbaf6a
rgb(219,175,106)
-
#e2b063
#e2b063
rgb(226,176,99)
-
#e9b25c
#e9b25c
rgb(233,178,92)
-
#f0b355
#f0b355
rgb(240,179,85)
-
#f7b54e
#f7b54e
rgb(247,181,78)
-
#feb747
#feb747
rgb(254,183,71)
Color Blindness Simulator
Below, you can see how #f7b54e 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.