#f5a562 Color Information
In a RGB color space, hex #f5a562 is composed of 96.1% red, 64.7% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 60% yellow and 3.9% black. It has a hue angle of 27.3 degrees, a saturation of 88% and a lightness of 67.3%. #f5a562 color hex could be obtained by blending #ffffc4 with #eb4b00. Closest websafe color is: #ff9966.
-
- R 96
- G 65
- B 38
-
- C 0
- M 33
- Y 60
- K 4
● #f5a562 color description : Soft orange.
#f5a562 Color Conversion
The hexadecimal color #f5a562 has RGB values of R:245, G:165, B:98 and CMYK values of C:0, M:0.33, Y:0.6, K:0.04. Its decimal value is 16098658.
Hex triplet | f5a562 | #f5a562 |
---|---|---|
RGB Decimal | 245, 165, 98 | rgb(245,165,98) |
RGB Percent | 96.1, 64.7, 38.4 | rgb(96.1%,64.7%,38.4%) |
CMYK | 0, 33, 60, 4 | |
HSL | 27.3°, 88, 67.3 | hsl(27.3,88%,67.3%) |
HSV (or HSB) | 27.3°, 60, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 74.323, 23.041, 46.251 |
---|---|
XYZ | 53.317, 47.208, 17.859 |
xyY | 0.45, 0.399, 47.208 |
CIE-LCH | 74.323, 51.672, 63.519 |
CIE-LUV | 74.323, 61.676, 51.18 |
Hunter-Lab | 68.708, 18.276, 32.685 |
Binary | 11110101, 10100101, 01100010 |
Color Schemes with #f5a562
Alternatives to #f5a562
Below, you can see some colors close to #f5a562. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a562 Preview
This text has a font color of #f5a562.
<span style="color:#f5a562;">Text here</span>
This paragraph has a background color of #f5a562.
<p style="background-color:#f5a562;">Content here</p>
This element has a border color of #f5a562.
<div style="border:1px solid #f5a562;">Content here</div>
.text {color:#f5a562;}
.background {background-color:#f5a562;}
.border {border:1px solid #f5a562;}
Shades and Tints of #f5a562
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, #090401 is the darkest color, while #fefaf6 is the lightest one.
-
#090401
#090401
rgb(9,4,1)
-
#1b0d02
#1b0d02
rgb(27,13,2)
-
#2e1603
#2e1603
rgb(46,22,3)
-
#402004
#402004
rgb(64,32,4)
-
#532905
#532905
rgb(83,41,5)
-
#653206
#653206
rgb(101,50,6)
-
#783b08
#783b08
rgb(120,59,8)
-
#8a4409
#8a4409
rgb(138,68,9)
-
#9c4d0a
#9c4d0a
rgb(156,77,10)
-
#af560b
#af560b
rgb(175,86,11)
-
#c15f0c
#c15f0c
rgb(193,95,12)
-
#d4680d
#d4680d
rgb(212,104,13)
-
#e6710f
#e6710f
rgb(230,113,15)
-
#f07b18
#f07b18
rgb(240,123,24)
-
#f1852b
#f1852b
rgb(241,133,43)
-
#f3903d
#f3903d
rgb(243,144,61)
-
#f49a50
#f49a50
rgb(244,154,80)
-
#f5a562
#f5a562
rgb(245,165,98)
-
#f6b074
#f6b074
rgb(246,176,116)
-
#f7ba87
#f7ba87
rgb(247,186,135)
-
#f9c599
#f9c599
rgb(249,197,153)
-
#facfac
#facfac
rgb(250,207,172)
-
#fbdabe
#fbdabe
rgb(251,218,190)
-
#fce4d1
#fce4d1
rgb(252,228,209)
-
#fdefe3
#fdefe3
rgb(253,239,227)
-
#fefaf6
#fefaf6
rgb(254,250,246)
Tones of #f5a562
A tone is produced by adding gray to any pure hue. In this case, #aeaba9 is the less saturated color, while #fba45c is the most saturated one.
-
#aeaba9
#aeaba9
rgb(174,171,169)
-
#b5aba2
#b5aba2
rgb(181,171,162)
-
#bbaa9c
#bbaa9c
rgb(187,170,156)
-
#c2aa95
#c2aa95
rgb(194,170,149)
-
#c8a98f
#c8a98f
rgb(200,169,143)
-
#cea889
#cea889
rgb(206,168,137)
-
#d5a882
#d5a882
rgb(213,168,130)
-
#dba77c
#dba77c
rgb(219,167,124)
-
#e2a775
#e2a775
rgb(226,167,117)
-
#e8a66f
#e8a66f
rgb(232,166,111)
-
#efa668
#efa668
rgb(239,166,104)
-
#f5a562
#f5a562
rgb(245,165,98)
-
#fba45c
#fba45c
rgb(251,164,92)
Color Blindness Simulator
Below, you can see how #f5a562 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.