#f5ae60 Color Information
In a RGB color space, hex #f5ae60 is composed of 96.1% red, 68.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 60.8% yellow and 3.9% black. It has a hue angle of 31.4 degrees, a saturation of 88.2% and a lightness of 66.9%. #f5ae60 color hex could be obtained by blending #ffffc0 with #eb5d00. Closest websafe color is: #ff9966.
-
- R 96
- G 68
- B 38
-
- C 0
- M 29
- Y 61
- K 4
● #f5ae60 color description : Soft orange.
#f5ae60 Color Conversion
The hexadecimal color #f5ae60 has RGB values of R:245, G:174, B:96 and CMYK values of C:0, M:0.29, Y:0.61, K:0.04. Its decimal value is 16100960.
Hex triplet | f5ae60 | #f5ae60 |
---|---|---|
RGB Decimal | 245, 174, 96 | rgb(245,174,96) |
RGB Percent | 96.1, 68.2, 37.6 | rgb(96.1%,68.2%,37.6%) |
CMYK | 0, 29, 61, 4 | |
HSL | 31.4°, 88.2, 66.9 | hsl(31.4,88.2%,66.9%) |
HSV (or HSB) | 31.4°, 60.8, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.395, 18.161, 49.683 |
---|---|
XYZ | 54.904, 50.532, 17.928 |
xyY | 0.445, 0.41, 50.532 |
CIE-LCH | 76.395, 52.898, 69.92 |
CIE-LUV | 76.395, 55.182, 56.031 |
Hunter-Lab | 71.086, 13.467, 34.807 |
Binary | 11110101, 10101110, 01100000 |
Color Schemes with #f5ae60
Alternatives to #f5ae60
Below, you can see some colors close to #f5ae60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5ae60 Preview
This text has a font color of #f5ae60.
<span style="color:#f5ae60;">Text here</span>
This paragraph has a background color of #f5ae60.
<p style="background-color:#f5ae60;">Content here</p>
This element has a border color of #f5ae60.
<div style="border:1px solid #f5ae60;">Content here</div>
.text {color:#f5ae60;}
.background {background-color:#f5ae60;}
.border {border:1px solid #f5ae60;}
Shades and Tints of #f5ae60
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 #fef9f4 is the lightest one.
-
#070400
#070400
rgb(7,4,0)
-
#1a0e02
#1a0e02
rgb(26,14,2)
-
#2c1803
#2c1803
rgb(44,24,3)
-
#3e2304
#3e2304
rgb(62,35,4)
-
#512d05
#512d05
rgb(81,45,5)
-
#633706
#633706
rgb(99,55,6)
-
#764107
#764107
rgb(118,65,7)
-
#884b09
#884b09
rgb(136,75,9)
-
#9b560a
#9b560a
rgb(155,86,10)
-
#ad600b
#ad600b
rgb(173,96,11)
-
#c06a0c
#c06a0c
rgb(192,106,12)
-
#d2740d
#d2740d
rgb(210,116,13)
-
#e57e0e
#e57e0e
rgb(229,126,14)
-
#f08816
#f08816
rgb(240,136,22)
-
#f29229
#f29229
rgb(242,146,41)
-
#f39b3b
#f39b3b
rgb(243,155,59)
-
#f4a54e
#f4a54e
rgb(244,165,78)
-
#f5ae60
#f5ae60
rgb(245,174,96)
-
#f6b772
#f6b772
rgb(246,183,114)
-
#f7c185
#f7c185
rgb(247,193,133)
-
#f8ca97
#f8ca97
rgb(248,202,151)
-
#fad4aa
#fad4aa
rgb(250,212,170)
-
#fbddbc
#fbddbc
rgb(251,221,188)
-
#fce6cf
#fce6cf
rgb(252,230,207)
-
#fdf0e1
#fdf0e1
rgb(253,240,225)
-
#fef9f4
#fef9f4
rgb(254,249,244)
Tones of #f5ae60
A tone is produced by adding gray to any pure hue. In this case, #aeaba8 is the less saturated color, while #fcae5a is the most saturated one.
-
#aeaba8
#aeaba8
rgb(174,171,168)
-
#b4aba1
#b4aba1
rgb(180,171,161)
-
#bbab9b
#bbab9b
rgb(187,171,155)
-
#c1ac94
#c1ac94
rgb(193,172,148)
-
#c8ac8e
#c8ac8e
rgb(200,172,142)
-
#ceac87
#ceac87
rgb(206,172,135)
-
#d5ac81
#d5ac81
rgb(213,172,129)
-
#dbad7a
#dbad7a
rgb(219,173,122)
-
#e2ad74
#e2ad74
rgb(226,173,116)
-
#e8ad6d
#e8ad6d
rgb(232,173,109)
-
#efae67
#efae67
rgb(239,174,103)
-
#f5ae60
#f5ae60
rgb(245,174,96)
-
#fcae5a
#fcae5a
rgb(252,174,90)
Color Blindness Simulator
Below, you can see how #f5ae60 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.