#f5a877 Color Information
In a RGB color space, hex #f5a877 is composed of 96.1% red, 65.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 51.4% yellow and 3.9% black. It has a hue angle of 23.3 degrees, a saturation of 86.3% and a lightness of 71.4%. #f5a877 color hex could be obtained by blending #ffffee with #eb5100. Closest websafe color is: #ff9966.
-
- R 96
- G 66
- B 47
-
- C 0
- M 31
- Y 51
- K 4
● #f5a877 color description : Soft orange.
#f5a877 Color Conversion
The hexadecimal color #f5a877 has RGB values of R:245, G:168, B:119 and CMYK values of C:0, M:0.31, Y:0.51, K:0.04. Its decimal value is 16099447.
Hex triplet | f5a877 | #f5a877 |
---|---|---|
RGB Decimal | 245, 168, 119 | rgb(245,168,119) |
RGB Percent | 96.1, 65.9, 46.7 | rgb(96.1%,65.9%,46.7%) |
CMYK | 0, 31, 51, 4 | |
HSL | 23.3°, 86.3, 71.4 | hsl(23.3,86.3%,71.4%) |
HSV (or HSB) | 23.3°, 51.4, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 75.297, 23.107, 36.654 |
---|---|
XYZ | 54.989, 48.753, 23.966 |
xyY | 0.431, 0.382, 48.753 |
CIE-LCH | 75.297, 43.329, 57.773 |
CIE-LUV | 75.297, 57.231, 42.043 |
Hunter-Lab | 69.823, 18.387, 28.526 |
Binary | 11110101, 10101000, 01110111 |
Color Schemes with #f5a877
Alternatives to #f5a877
Below, you can see some colors close to #f5a877. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a877 Preview
This text has a font color of #f5a877.
<span style="color:#f5a877;">Text here</span>
This paragraph has a background color of #f5a877.
<p style="background-color:#f5a877;">Content here</p>
This element has a border color of #f5a877.
<div style="border:1px solid #f5a877;">Content here</div>
.text {color:#f5a877;}
.background {background-color:#f5a877;}
.border {border:1px solid #f5a877;}
Shades and Tints of #f5a877
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, #0a0401 is the darkest color, while #fefaf7 is the lightest one.
-
#0a0401
#0a0401
rgb(10,4,1)
-
#1c0c02
#1c0c02
rgb(28,12,2)
-
#2f1403
#2f1403
rgb(47,20,3)
-
#411c05
#411c05
rgb(65,28,5)
-
#532406
#532406
rgb(83,36,6)
-
#662c07
#662c07
rgb(102,44,7)
-
#783409
#783409
rgb(120,52,9)
-
#8a3c0a
#8a3c0a
rgb(138,60,10)
-
#9c440b
#9c440b
rgb(156,68,11)
-
#af4c0d
#af4c0d
rgb(175,76,13)
-
#c1540e
#c1540e
rgb(193,84,14)
-
#d35c10
#d35c10
rgb(211,92,16)
-
#e56411
#e56411
rgb(229,100,17)
-
#ee6e1c
#ee6e1c
rgb(238,110,28)
-
#f0792e
#f0792e
rgb(240,121,46)
-
#f18540
#f18540
rgb(241,133,64)
-
#f29152
#f29152
rgb(242,145,82)
-
#f49c65
#f49c65
rgb(244,156,101)
-
#f5a877
#f5a877
rgb(245,168,119)
-
#f6b489
#f6b489
rgb(246,180,137)
-
#f8bf9c
#f8bf9c
rgb(248,191,156)
-
#f9cbae
#f9cbae
rgb(249,203,174)
-
#fad7c0
#fad7c0
rgb(250,215,192)
-
#fce2d2
#fce2d2
rgb(252,226,210)
-
#fdeee5
#fdeee5
rgb(253,238,229)
-
#fefaf7
#fefaf7
rgb(254,250,247)
Tones of #f5a877
A tone is produced by adding gray to any pure hue. In this case, #b7b6b5 is the less saturated color, while #fba771 is the most saturated one.
-
#b7b6b5
#b7b6b5
rgb(183,182,181)
-
#bdb4af
#bdb4af
rgb(189,180,175)
-
#c2b3aa
#c2b3aa
rgb(194,179,170)
-
#c8b2a4
#c8b2a4
rgb(200,178,164)
-
#ceb19e
#ceb19e
rgb(206,177,158)
-
#d3af99
#d3af99
rgb(211,175,153)
-
#d9ae93
#d9ae93
rgb(217,174,147)
-
#dfad8d
#dfad8d
rgb(223,173,141)
-
#e4ac88
#e4ac88
rgb(228,172,136)
-
#eaaa82
#eaaa82
rgb(234,170,130)
-
#efa97d
#efa97d
rgb(239,169,125)
-
#f5a877
#f5a877
rgb(245,168,119)
-
#fba771
#fba771
rgb(251,167,113)
Color Blindness Simulator
Below, you can see how #f5a877 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.