#f5b877 Color Information
In a RGB color space, hex #f5b877 is composed of 96.1% red, 72.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.9% magenta, 51.4% yellow and 3.9% black. It has a hue angle of 31 degrees, a saturation of 86.3% and a lightness of 71.4%. #f5b877 color hex could be obtained by blending #ffffee with #eb7100. Closest websafe color is: #ffcc66.
-
- R 96
- G 72
- B 47
-
- C 0
- M 25
- Y 51
- K 4
● #f5b877 color description : Soft orange.
#f5b877 Color Conversion
The hexadecimal color #f5b877 has RGB values of R:245, G:184, B:119 and CMYK values of C:0, M:0.25, Y:0.51, K:0.04. Its decimal value is 16103543.
Hex triplet | f5b877 | #f5b877 |
---|---|---|
RGB Decimal | 245, 184, 119 | rgb(245,184,119) |
RGB Percent | 96.1, 72.2, 46.7 | rgb(96.1%,72.2%,46.7%) |
CMYK | 0, 25, 51, 4 | |
HSL | 31°, 86.3, 71.4 | hsl(31,86.3%,71.4%) |
HSV (or HSB) | 31°, 51.4, 96.1 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.058, 14.677, 41.405 |
---|---|
XYZ | 58.127, 55.028, 25.012 |
xyY | 0.421, 0.398, 55.028 |
CIE-LCH | 79.058, 43.929, 70.482 |
CIE-LUV | 79.058, 45.954, 49.655 |
Hunter-Lab | 74.181, 10.053, 31.936 |
Binary | 11110101, 10111000, 01110111 |
Color Schemes with #f5b877
Alternatives to #f5b877
Below, you can see some colors close to #f5b877. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5b877 Preview
This text has a font color of #f5b877.
<span style="color:#f5b877;">Text here</span>
This paragraph has a background color of #f5b877.
<p style="background-color:#f5b877;">Content here</p>
This element has a border color of #f5b877.
<div style="border:1px solid #f5b877;">Content here</div>
.text {color:#f5b877;}
.background {background-color:#f5b877;}
.border {border:1px solid #f5b877;}
Shades and Tints of #f5b877
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, #0a0601 is the darkest color, while #fefbf7 is the lightest one.
-
#0a0601
#0a0601
rgb(10,6,1)
-
#1c1002
#1c1002
rgb(28,16,2)
-
#2f1a03
#2f1a03
rgb(47,26,3)
-
#412405
#412405
rgb(65,36,5)
-
#532e06
#532e06
rgb(83,46,6)
-
#663807
#663807
rgb(102,56,7)
-
#784209
#784209
rgb(120,66,9)
-
#8a4c0a
#8a4c0a
rgb(138,76,10)
-
#9c560b
#9c560b
rgb(156,86,11)
-
#af600d
#af600d
rgb(175,96,13)
-
#c16a0e
#c16a0e
rgb(193,106,14)
-
#d37410
#d37410
rgb(211,116,16)
-
#e57f11
#e57f11
rgb(229,127,17)
-
#ee881c
#ee881c
rgb(238,136,28)
-
#f0922e
#f0922e
rgb(240,146,46)
-
#f19b40
#f19b40
rgb(241,155,64)
-
#f2a552
#f2a552
rgb(242,165,82)
-
#f4ae65
#f4ae65
rgb(244,174,101)
-
#f5b877
#f5b877
rgb(245,184,119)
-
#f6c289
#f6c289
rgb(246,194,137)
-
#f8cb9c
#f8cb9c
rgb(248,203,156)
-
#f9d5ae
#f9d5ae
rgb(249,213,174)
-
#fadec0
#fadec0
rgb(250,222,192)
-
#fce8d2
#fce8d2
rgb(252,232,210)
-
#fdf1e5
#fdf1e5
rgb(253,241,229)
-
#fefbf7
#fefbf7
rgb(254,251,247)
Tones of #f5b877
A tone is produced by adding gray to any pure hue. In this case, #b7b6b5 is the less saturated color, while #fbb871 is the most saturated one.
-
#b7b6b5
#b7b6b5
rgb(183,182,181)
-
#bdb6af
#bdb6af
rgb(189,182,175)
-
#c2b6aa
#c2b6aa
rgb(194,182,170)
-
#c8b7a4
#c8b7a4
rgb(200,183,164)
-
#ceb79e
#ceb79e
rgb(206,183,158)
-
#d3b799
#d3b799
rgb(211,183,153)
-
#d9b793
#d9b793
rgb(217,183,147)
-
#dfb78d
#dfb78d
rgb(223,183,141)
-
#e4b788
#e4b788
rgb(228,183,136)
-
#eab882
#eab882
rgb(234,184,130)
-
#efb87d
#efb87d
rgb(239,184,125)
-
#f5b877
#f5b877
rgb(245,184,119)
-
#fbb871
#fbb871
rgb(251,184,113)
Color Blindness Simulator
Below, you can see how #f5b877 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.