#f5a63f Color Information
In a RGB color space, hex #f5a63f is composed of 96.1% red, 65.1% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.2% magenta, 74.3% yellow and 3.9% black. It has a hue angle of 34 degrees, a saturation of 90.1% and a lightness of 60.4%. #f5a63f color hex could be obtained by blending #ffff7e with #eb4d00. Closest websafe color is: #ff9933.
-
- R 96
- G 65
- B 25
-
- C 0
- M 32
- Y 74
- K 4
● #f5a63f color description : Bright orange.
#f5a63f Color Conversion
The hexadecimal color #f5a63f has RGB values of R:245, G:166, B:63 and CMYK values of C:0, M:0.32, Y:0.74, K:0.04. Its decimal value is 16098879.
Hex triplet | f5a63f | #f5a63f |
---|---|---|
RGB Decimal | 245, 166, 63 | rgb(245,166,63) |
RGB Percent | 96.1, 65.1, 24.7 | rgb(96.1%,65.1%,24.7%) |
CMYK | 0, 32, 74, 4 | |
HSL | 34°, 90.1, 60.4 | hsl(34,90.1%,60.4%) |
HSV (or HSB) | 34°, 74.3, 96.1 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 74.22, 20.559, 62.306 |
---|---|
XYZ | 52.191, 47.047, 11.035 |
xyY | 0.473, 0.427, 47.047 |
CIE-LCH | 74.22, 65.61, 71.738 |
CIE-LUV | 74.22, 63.76, 64.612 |
Hunter-Lab | 68.591, 15.786, 38.475 |
Binary | 11110101, 10100110, 00111111 |
Color Schemes with #f5a63f
Alternatives to #f5a63f
Below, you can see some colors close to #f5a63f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a63f Preview
This text has a font color of #f5a63f.
<span style="color:#f5a63f;">Text here</span>
This paragraph has a background color of #f5a63f.
<p style="background-color:#f5a63f;">Content here</p>
This element has a border color of #f5a63f.
<div style="border:1px solid #f5a63f;">Content here</div>
.text {color:#f5a63f;}
.background {background-color:#f5a63f;}
.border {border:1px solid #f5a63f;}
Shades and Tints of #f5a63f
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, #0d0801 is the darkest color, while #fffcf9 is the lightest one.
-
#0d0801
#0d0801
rgb(13,8,1)
-
#201302
#201302
rgb(32,19,2)
-
#321e03
#321e03
rgb(50,30,3)
-
#452904
#452904
rgb(69,41,4)
-
#583405
#583405
rgb(88,52,5)
-
#6a3f06
#6a3f06
rgb(106,63,6)
-
#7d4a07
#7d4a07
rgb(125,74,7)
-
#905507
#905507
rgb(144,85,7)
-
#a25f08
#a25f08
rgb(162,95,8)
-
#b56a09
#b56a09
rgb(181,106,9)
-
#c8750a
#c8750a
rgb(200,117,10)
-
#da800b
#da800b
rgb(218,128,11)
-
#ed8b0c
#ed8b0c
rgb(237,139,12)
-
#f3951a
#f3951a
rgb(243,149,26)
-
#f49d2c
#f49d2c
rgb(244,157,44)
-
#f5a63f
#f5a63f
rgb(245,166,63)
-
#f6af52
#f6af52
rgb(246,175,82)
-
#f7b764
#f7b764
rgb(247,183,100)
-
#f8c077
#f8c077
rgb(248,192,119)
-
#f9c98a
#f9c98a
rgb(249,201,138)
-
#fad19c
#fad19c
rgb(250,209,156)
-
#fbdaaf
#fbdaaf
rgb(251,218,175)
-
#fce2c2
#fce2c2
rgb(252,226,194)
-
#fdebd4
#fdebd4
rgb(253,235,212)
-
#fef4e7
#fef4e7
rgb(254,244,231)
-
#fffcf9
#fffcf9
rgb(255,252,249)
Tones of #f5a63f
A tone is produced by adding gray to any pure hue. In this case, #a09b94 is the less saturated color, while #fda737 is the most saturated one.
-
#a09b94
#a09b94
rgb(160,155,148)
-
#a79c8d
#a79c8d
rgb(167,156,141)
-
#af9d85
#af9d85
rgb(175,157,133)
-
#b79e7d
#b79e7d
rgb(183,158,125)
-
#bf9f75
#bf9f75
rgb(191,159,117)
-
#c6a06e
#c6a06e
rgb(198,160,110)
-
#cea166
#cea166
rgb(206,161,102)
-
#d6a25e
#d6a25e
rgb(214,162,94)
-
#dea356
#dea356
rgb(222,163,86)
-
#e5a44f
#e5a44f
rgb(229,164,79)
-
#eda547
#eda547
rgb(237,165,71)
-
#f5a63f
#f5a63f
rgb(245,166,63)
-
#fda737
#fda737
rgb(253,167,55)
Color Blindness Simulator
Below, you can see how #f5a63f 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.