#f5a86c Color Information
In a RGB color space, hex #f5a86c is composed of 96.1% red, 65.9% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 55.9% yellow and 3.9% black. It has a hue angle of 26.3 degrees, a saturation of 87.3% and a lightness of 69.2%. #f5a86c color hex could be obtained by blending #ffffd8 with #eb5100. Closest websafe color is: #ff9966.
-
- R 96
- G 66
- B 42
-
- C 0
- M 31
- Y 56
- K 4
● #f5a86c color description : Soft orange.
#f5a86c Color Conversion
The hexadecimal color #f5a86c has RGB values of R:245, G:168, B:108 and CMYK values of C:0, M:0.31, Y:0.56, K:0.04. Its decimal value is 16099436.
Hex triplet | f5a86c | #f5a86c |
---|---|---|
RGB Decimal | 245, 168, 108 | rgb(245,168,108) |
RGB Percent | 96.1, 65.9, 42.4 | rgb(96.1%,65.9%,42.4%) |
CMYK | 0, 31, 56, 4 | |
HSL | 26.3°, 87.3, 69.2 | hsl(26.3,87.3%,69.2%) |
HSV (or HSB) | 26.3°, 55.9, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 75.142, 22.199, 42.167 |
---|---|
XYZ | 54.366, 48.504, 20.685 |
xyY | 0.44, 0.393, 48.504 |
CIE-LCH | 75.142, 47.654, 62.235 |
CIE-LUV | 75.142, 58.442, 47.764 |
Hunter-Lab | 69.645, 17.464, 31.141 |
Binary | 11110101, 10101000, 01101100 |
Color Schemes with #f5a86c
Alternatives to #f5a86c
Below, you can see some colors close to #f5a86c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a86c Preview
This text has a font color of #f5a86c.
<span style="color:#f5a86c;">Text here</span>
This paragraph has a background color of #f5a86c.
<p style="background-color:#f5a86c;">Content here</p>
This element has a border color of #f5a86c.
<div style="border:1px solid #f5a86c;">Content here</div>
.text {color:#f5a86c;}
.background {background-color:#f5a86c;}
.border {border:1px solid #f5a86c;}
Shades and Tints of #f5a86c
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, #120901 is the darkest color, while #ffffff is the lightest one.
-
#120901
#120901
rgb(18,9,1)
-
#251102
#251102
rgb(37,17,2)
-
#371a04
#371a04
rgb(55,26,4)
-
#492305
#492305
rgb(73,35,5)
-
#5c2c06
#5c2c06
rgb(92,44,6)
-
#6e3407
#6e3407
rgb(110,52,7)
-
#803d09
#803d09
rgb(128,61,9)
-
#93460a
#93460a
rgb(147,70,10)
-
#a54f0b
#a54f0b
rgb(165,79,11)
-
#b8570c
#b8570c
rgb(184,87,12)
-
#ca600e
#ca600e
rgb(202,96,14)
-
#dc690f
#dc690f
rgb(220,105,15)
-
#ef7210
#ef7210
rgb(239,114,16)
-
#f07d23
#f07d23
rgb(240,125,35)
-
#f18735
#f18735
rgb(241,135,53)
-
#f39247
#f39247
rgb(243,146,71)
-
#f49d5a
#f49d5a
rgb(244,157,90)
-
#f5a86c
#f5a86c
rgb(245,168,108)
-
#f6b37e
#f6b37e
rgb(246,179,126)
-
#f7be91
#f7be91
rgb(247,190,145)
-
#f9c9a3
#f9c9a3
rgb(249,201,163)
-
#fad3b5
#fad3b5
rgb(250,211,181)
-
#fbdec8
#fbdec8
rgb(251,222,200)
-
#fce9da
#fce9da
rgb(252,233,218)
-
#fef4ed
#fef4ed
rgb(254,244,237)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f5a86c
A tone is produced by adding gray to any pure hue. In this case, #b3b0ae is the less saturated color, while #fba766 is the most saturated one.
-
#b3b0ae
#b3b0ae
rgb(179,176,174)
-
#b9afa8
#b9afa8
rgb(185,175,168)
-
#bfafa2
#bfafa2
rgb(191,175,162)
-
#c5ae9c
#c5ae9c
rgb(197,174,156)
-
#cbad96
#cbad96
rgb(203,173,150)
-
#d1ac90
#d1ac90
rgb(209,172,144)
-
#d7ac8a
#d7ac8a
rgb(215,172,138)
-
#ddab84
#ddab84
rgb(221,171,132)
-
#e3aa7e
#e3aa7e
rgb(227,170,126)
-
#e9a978
#e9a978
rgb(233,169,120)
-
#efa972
#efa972
rgb(239,169,114)
-
#f5a86c
#f5a86c
rgb(245,168,108)
-
#fba766
#fba766
rgb(251,167,102)
Color Blindness Simulator
Below, you can see how #f5a86c 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.