#f5a77f Color Information
In a RGB color space, hex #f5a77f is composed of 96.1% red, 65.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 48.2% yellow and 3.9% black. It has a hue angle of 20.3 degrees, a saturation of 85.5% and a lightness of 72.9%. #f5a77f color hex could be obtained by blending #fffffe with #eb4f00. Closest websafe color is: #ff9966.
-
- R 96
- G 65
- B 50
-
- C 0
- M 32
- Y 48
- K 4
● #f5a77f color description : Soft orange.
#f5a77f Color Conversion
The hexadecimal color #f5a77f has RGB values of R:245, G:167, B:127 and CMYK values of C:0, M:0.32, Y:0.48, K:0.04. Its decimal value is 16099199.
Hex triplet | f5a77f | #f5a77f |
---|---|---|
RGB Decimal | 245, 167, 127 | rgb(245,167,127) |
RGB Percent | 96.1, 65.5, 49.8 | rgb(96.1%,65.5%,49.8%) |
CMYK | 0, 32, 48, 4 | |
HSL | 20.3°, 85.5, 72.9 | hsl(20.3,85.5%,72.9%) |
HSV (or HSB) | 20.3°, 48.2, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 75.193, 24.357, 32.292 |
---|---|
XYZ | 55.306, 48.585, 26.543 |
xyY | 0.424, 0.372, 48.585 |
CIE-LCH | 75.193, 40.448, 52.974 |
CIE-LUV | 75.193, 56.981, 37.075 |
Hunter-Lab | 69.703, 19.651, 26.215 |
Binary | 11110101, 10100111, 01111111 |
Color Schemes with #f5a77f
Alternatives to #f5a77f
Below, you can see some colors close to #f5a77f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a77f Preview
This text has a font color of #f5a77f.
<span style="color:#f5a77f;">Text here</span>
This paragraph has a background color of #f5a77f.
<p style="background-color:#f5a77f;">Content here</p>
This element has a border color of #f5a77f.
<div style="border:1px solid #f5a77f;">Content here</div>
.text {color:#f5a77f;}
.background {background-color:#f5a77f;}
.border {border:1px solid #f5a77f;}
Shades and Tints of #f5a77f
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, #120701 is the darkest color, while #fffffe is the lightest one.
-
#120701
#120701
rgb(18,7,1)
-
#240e03
#240e03
rgb(36,14,3)
-
#361504
#361504
rgb(54,21,4)
-
#481c06
#481c06
rgb(72,28,6)
-
#5a2307
#5a2307
rgb(90,35,7)
-
#6d2a08
#6d2a08
rgb(109,42,8)
-
#7f310a
#7f310a
rgb(127,49,10)
-
#91390b
#91390b
rgb(145,57,11)
-
#a3400d
#a3400d
rgb(163,64,13)
-
#b5470e
#b5470e
rgb(181,71,14)
-
#c74e10
#c74e10
rgb(199,78,16)
-
#da5511
#da5511
rgb(218,85,17)
-
#ec5c12
#ec5c12
rgb(236,92,18)
-
#ee6824
#ee6824
rgb(238,104,36)
-
#ef7536
#ef7536
rgb(239,117,54)
-
#f18148
#f18148
rgb(241,129,72)
-
#f28e5b
#f28e5b
rgb(242,142,91)
-
#f49a6d
#f49a6d
rgb(244,154,109)
-
#f5a77f
#f5a77f
rgb(245,167,127)
-
#f6b491
#f6b491
rgb(246,180,145)
-
#f8c0a3
#f8c0a3
rgb(248,192,163)
-
#f9cdb6
#f9cdb6
rgb(249,205,182)
-
#fbd9c8
#fbd9c8
rgb(251,217,200)
-
#fce6da
#fce6da
rgb(252,230,218)
-
#fef2ec
#fef2ec
rgb(254,242,236)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f5a77f
A tone is produced by adding gray to any pure hue. In this case, #bbbab9 is the less saturated color, while #faa57a is the most saturated one.
-
#bbbab9
#bbbab9
rgb(187,186,185)
-
#c0b8b4
#c0b8b4
rgb(192,184,180)
-
#c5b6af
#c5b6af
rgb(197,182,175)
-
#cbb5a9
#cbb5a9
rgb(203,181,169)
-
#d0b3a4
#d0b3a4
rgb(208,179,164)
-
#d5b19f
#d5b19f
rgb(213,177,159)
-
#dab09a
#dab09a
rgb(218,176,154)
-
#e0ae94
#e0ae94
rgb(224,174,148)
-
#e5ac8f
#e5ac8f
rgb(229,172,143)
-
#eaaa8a
#eaaa8a
rgb(234,170,138)
-
#f0a984
#f0a984
rgb(240,169,132)
-
#f5a77f
#f5a77f
rgb(245,167,127)
-
#faa57a
#faa57a
rgb(250,165,122)
Color Blindness Simulator
Below, you can see how #f5a77f 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.