#f7ae26 Color Information
In a RGB color space, hex #f7ae26 is composed of 96.9% red, 68.2% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.6% magenta, 84.6% yellow and 3.1% black. It has a hue angle of 39 degrees, a saturation of 92.9% and a lightness of 55.9%. #f7ae26 color hex could be obtained by blending #ffff4c with #ef5d00. Closest websafe color is: #ff9933.
-
- R 97
- G 68
- B 15
-
- C 0
- M 30
- Y 85
- K 3
● #f7ae26 color description : Bright orange.
#f7ae26 Color Conversion
The hexadecimal color #f7ae26 has RGB values of R:247, G:174, B:38 and CMYK values of C:0, M:0.3, Y:0.85, K:0.03. Its decimal value is 16231974.
Hex triplet | f7ae26 | #f7ae26 |
---|---|---|
RGB Decimal | 247, 174, 38 | rgb(247,174,38) |
RGB Percent | 96.9, 68.2, 14.9 | rgb(96.9%,68.2%,14.9%) |
CMYK | 0, 30, 85, 3 | |
HSL | 39°, 92.9, 55.9 | hsl(39,92.9%,55.9%) |
HSV (or HSB) | 39°, 84.6, 96.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 76.185, 16.368, 72.847 |
---|---|
XYZ | 53.845, 50.19, 8.685 |
xyY | 0.478, 0.445, 50.19 |
CIE-LCH | 76.185, 74.663, 77.337 |
CIE-LUV | 76.185, 60.216, 73.384 |
Hunter-Lab | 70.845, 11.69, 42.322 |
Binary | 11110111, 10101110, 00100110 |
Color Schemes with #f7ae26
Alternatives to #f7ae26
Below, you can see some colors close to #f7ae26. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7ae26 Preview
This text has a font color of #f7ae26.
<span style="color:#f7ae26;">Text here</span>
This paragraph has a background color of #f7ae26.
<p style="background-color:#f7ae26;">Content here</p>
This element has a border color of #f7ae26.
<div style="border:1px solid #f7ae26;">Content here</div>
.text {color:#f7ae26;}
.background {background-color:#f7ae26;}
.border {border:1px solid #f7ae26;}
Shades and Tints of #f7ae26
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, #0a0700 is the darkest color, while #fffcf6 is the lightest one.
-
#0a0700
#0a0700
rgb(10,7,0)
-
#1d1301
#1d1301
rgb(29,19,1)
-
#302002
#302002
rgb(48,32,2)
-
#432c02
#432c02
rgb(67,44,2)
-
#563903
#563903
rgb(86,57,3)
-
#694504
#694504
rgb(105,69,4)
-
#7c5205
#7c5205
rgb(124,82,5)
-
#8e5f05
#8e5f05
rgb(142,95,5)
-
#a16b06
#a16b06
rgb(161,107,6)
-
#b47807
#b47807
rgb(180,120,7)
-
#c78407
#c78407
rgb(199,132,7)
-
#da9108
#da9108
rgb(218,145,8)
-
#ed9d09
#ed9d09
rgb(237,157,9)
-
#f6a713
#f6a713
rgb(246,167,19)
-
#f7ae26
#f7ae26
rgb(247,174,38)
-
#f8b539
#f8b539
rgb(248,181,57)
-
#f8bc4c
#f8bc4c
rgb(248,188,76)
-
#f9c35f
#f9c35f
rgb(249,195,95)
-
#faca72
#faca72
rgb(250,202,114)
-
#fad185
#fad185
rgb(250,209,133)
-
#fbd898
#fbd898
rgb(251,216,152)
-
#fcdfaa
#fcdfaa
rgb(252,223,170)
-
#fde6bd
#fde6bd
rgb(253,230,189)
-
#fdeed0
#fdeed0
rgb(253,238,208)
-
#fef5e3
#fef5e3
rgb(254,245,227)
-
#fffcf6
#fffcf6
rgb(255,252,246)
Tones of #f7ae26
A tone is produced by adding gray to any pure hue. In this case, #8f8f8e is the less saturated color, while #f7ae26 is the most saturated one.
-
#8f8f8e
#8f8f8e
rgb(143,143,142)
-
#989185
#989185
rgb(152,145,133)
-
#a0947d
#a0947d
rgb(160,148,125)
-
#a99774
#a99774
rgb(169,151,116)
-
#b2996b
#b2996b
rgb(178,153,107)
-
#ba9c63
#ba9c63
rgb(186,156,99)
-
#c39e5a
#c39e5a
rgb(195,158,90)
-
#cca151
#cca151
rgb(204,161,81)
-
#d4a449
#d4a449
rgb(212,164,73)
-
#dda640
#dda640
rgb(221,166,64)
-
#e6a937
#e6a937
rgb(230,169,55)
-
#eeab2f
#eeab2f
rgb(238,171,47)
-
#f7ae26
#f7ae26
rgb(247,174,38)
Color Blindness Simulator
Below, you can see how #f7ae26 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.