#f5ae78 Color Information
In a RGB color space, hex #f5ae78 is composed of 96.1% red, 68.2% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 51% yellow and 3.9% black. It has a hue angle of 25.9 degrees, a saturation of 86.2% and a lightness of 71.6%. #f5ae78 color hex could be obtained by blending #fffff0 with #eb5d00. Closest websafe color is: #ff9966.
-
- R 96
- G 68
- B 47
-
- C 0
- M 29
- Y 51
- K 4
● #f5ae78 color description : Soft orange.
#f5ae78 Color Conversion
The hexadecimal color #f5ae78 has RGB values of R:245, G:174, B:120 and CMYK values of C:0, M:0.29, Y:0.51, K:0.04. Its decimal value is 16100984.
Hex triplet | f5ae78 | #f5ae78 |
---|---|---|
RGB Decimal | 245, 174, 120 | rgb(245,174,120) |
RGB Percent | 96.1, 68.2, 47.1 | rgb(96.1%,68.2%,47.1%) |
CMYK | 0, 29, 51, 4 | |
HSL | 25.9°, 86.2, 71.6 | hsl(25.9,86.2%,71.6%) |
HSV (or HSB) | 25.9°, 51, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.705, 20.03, 37.924 |
---|---|
XYZ | 56.183, 51.044, 24.662 |
xyY | 0.426, 0.387, 51.044 |
CIE-LCH | 76.705, 42.889, 62.159 |
CIE-LUV | 76.705, 52.877, 44.355 |
Hunter-Lab | 71.445, 15.341, 29.545 |
Binary | 11110101, 10101110, 01111000 |
Color Schemes with #f5ae78
Alternatives to #f5ae78
Below, you can see some colors close to #f5ae78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5ae78 Preview
This text has a font color of #f5ae78.
<span style="color:#f5ae78;">Text here</span>
This paragraph has a background color of #f5ae78.
<p style="background-color:#f5ae78;">Content here</p>
This element has a border color of #f5ae78.
<div style="border:1px solid #f5ae78;">Content here</div>
.text {color:#f5ae78;}
.background {background-color:#f5ae78;}
.border {border:1px solid #f5ae78;}
Shades and Tints of #f5ae78
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, #0b0501 is the darkest color, while #fefbf8 is the lightest one.
-
#0b0501
#0b0501
rgb(11,5,1)
-
#1d0e02
#1d0e02
rgb(29,14,2)
-
#301704
#301704
rgb(48,23,4)
-
#421f05
#421f05
rgb(66,31,5)
-
#542806
#542806
rgb(84,40,6)
-
#663108
#663108
rgb(102,49,8)
-
#793909
#793909
rgb(121,57,9)
-
#8b420a
#8b420a
rgb(139,66,10)
-
#9d4b0c
#9d4b0c
rgb(157,75,12)
-
#af530d
#af530d
rgb(175,83,13)
-
#c25c0e
#c25c0e
rgb(194,92,14)
-
#d46410
#d46410
rgb(212,100,16)
-
#e66d11
#e66d11
rgb(230,109,17)
-
#ee771d
#ee771d
rgb(238,119,29)
-
#f0822f
#f0822f
rgb(240,130,47)
-
#f18d41
#f18d41
rgb(241,141,65)
-
#f29853
#f29853
rgb(242,152,83)
-
#f4a366
#f4a366
rgb(244,163,102)
-
#f5ae78
#f5ae78
rgb(245,174,120)
-
#f6b98a
#f6b98a
rgb(246,185,138)
-
#f8c49d
#f8c49d
rgb(248,196,157)
-
#f9cfaf
#f9cfaf
rgb(249,207,175)
-
#fadac1
#fadac1
rgb(250,218,193)
-
#fce5d3
#fce5d3
rgb(252,229,211)
-
#fdf0e6
#fdf0e6
rgb(253,240,230)
-
#fefbf8
#fefbf8
rgb(254,251,248)
Tones of #f5ae78
A tone is produced by adding gray to any pure hue. In this case, #b8b6b5 is the less saturated color, while #fbad72 is the most saturated one.
-
#b8b6b5
#b8b6b5
rgb(184,182,181)
-
#bdb6b0
#bdb6b0
rgb(189,182,176)
-
#c3b5aa
#c3b5aa
rgb(195,181,170)
-
#c8b4a5
#c8b4a5
rgb(200,180,165)
-
#ceb39f
#ceb39f
rgb(206,179,159)
-
#d4b399
#d4b399
rgb(212,179,153)
-
#d9b294
#d9b294
rgb(217,178,148)
-
#dfb18e
#dfb18e
rgb(223,177,142)
-
#e4b089
#e4b089
rgb(228,176,137)
-
#eab083
#eab083
rgb(234,176,131)
-
#efaf7e
#efaf7e
rgb(239,175,126)
-
#f5ae78
#f5ae78
rgb(245,174,120)
-
#fbad72
#fbad72
rgb(251,173,114)
Color Blindness Simulator
Below, you can see how #f5ae78 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.