#f5ae76 Color Information
In a RGB color space, hex #f5ae76 is composed of 96.1% red, 68.2% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 51.8% yellow and 3.9% black. It has a hue angle of 26.5 degrees, a saturation of 86.4% and a lightness of 71.2%. #f5ae76 color hex could be obtained by blending #ffffec with #eb5d00. Closest websafe color is: #ff9966.
-
- R 96
- G 68
- B 46
-
- C 0
- M 29
- Y 52
- K 4
● #f5ae76 color description : Soft orange.
#f5ae76 Color Conversion
The hexadecimal color #f5ae76 has RGB values of R:245, G:174, B:118 and CMYK values of C:0, M:0.29, Y:0.52, K:0.04. Its decimal value is 16100982.
Hex triplet | f5ae76 | #f5ae76 |
---|---|---|
RGB Decimal | 245, 174, 118 | rgb(245,174,118) |
RGB Percent | 96.1, 68.2, 46.3 | rgb(96.1%,68.2%,46.3%) |
CMYK | 0, 29, 52, 4 | |
HSL | 26.5°, 86.4, 71.2 | hsl(26.5,86.4%,71.2%) |
HSV (or HSB) | 26.5°, 51.8, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.676, 19.856, 38.925 |
---|---|
XYZ | 56.063, 50.996, 24.029 |
xyY | 0.428, 0.389, 50.996 |
CIE-LCH | 76.676, 43.697, 62.973 |
CIE-LUV | 76.676, 53.087, 45.423 |
Hunter-Lab | 71.411, 15.166, 30.038 |
Binary | 11110101, 10101110, 01110110 |
Color Schemes with #f5ae76
Alternatives to #f5ae76
Below, you can see some colors close to #f5ae76. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5ae76 Preview
This text has a font color of #f5ae76.
<span style="color:#f5ae76;">Text here</span>
This paragraph has a background color of #f5ae76.
<p style="background-color:#f5ae76;">Content here</p>
This element has a border color of #f5ae76.
<div style="border:1px solid #f5ae76;">Content here</div>
.text {color:#f5ae76;}
.background {background-color:#f5ae76;}
.border {border:1px solid #f5ae76;}
Shades and Tints of #f5ae76
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, #090401 is the darkest color, while #fefaf6 is the lightest one.
-
#090401
#090401
rgb(9,4,1)
-
#1c0d02
#1c0d02
rgb(28,13,2)
-
#2e1603
#2e1603
rgb(46,22,3)
-
#401f05
#401f05
rgb(64,31,5)
-
#522806
#522806
rgb(82,40,6)
-
#653007
#653007
rgb(101,48,7)
-
#773909
#773909
rgb(119,57,9)
-
#89420a
#89420a
rgb(137,66,10)
-
#9b4b0b
#9b4b0b
rgb(155,75,11)
-
#ae540d
#ae540d
rgb(174,84,13)
-
#c05d0e
#c05d0e
rgb(192,93,14)
-
#d2650f
#d2650f
rgb(210,101,15)
-
#e56e11
#e56e11
rgb(229,110,17)
-
#ee781b
#ee781b
rgb(238,120,27)
-
#f0832d
#f0832d
rgb(240,131,45)
-
#f18e3f
#f18e3f
rgb(241,142,63)
-
#f29851
#f29851
rgb(242,152,81)
-
#f4a364
#f4a364
rgb(244,163,100)
-
#f5ae76
#f5ae76
rgb(245,174,118)
-
#f6b988
#f6b988
rgb(246,185,136)
-
#f8c49b
#f8c49b
rgb(248,196,155)
-
#f9cead
#f9cead
rgb(249,206,173)
-
#fad9bf
#fad9bf
rgb(250,217,191)
-
#fce4d1
#fce4d1
rgb(252,228,209)
-
#fdefe4
#fdefe4
rgb(253,239,228)
-
#fefaf6
#fefaf6
rgb(254,250,246)
Tones of #f5ae76
A tone is produced by adding gray to any pure hue. In this case, #b7b5b4 is the less saturated color, while #fbad70 is the most saturated one.
-
#b7b5b4
#b7b5b4
rgb(183,181,180)
-
#bcb5af
#bcb5af
rgb(188,181,175)
-
#c2b4a9
#c2b4a9
rgb(194,180,169)
-
#c8b3a3
#c8b3a3
rgb(200,179,163)
-
#cdb39e
#cdb39e
rgb(205,179,158)
-
#d3b298
#d3b298
rgb(211,178,152)
-
#d9b192
#d9b192
rgb(217,177,146)
-
#deb18d
#deb18d
rgb(222,177,141)
-
#e4b087
#e4b087
rgb(228,176,135)
-
#eaaf81
#eaaf81
rgb(234,175,129)
-
#efaf7c
#efaf7c
rgb(239,175,124)
-
#f5ae76
#f5ae76
rgb(245,174,118)
-
#fbad70
#fbad70
rgb(251,173,112)
Color Blindness Simulator
Below, you can see how #f5ae76 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.