#f5c563 Color Information
In a RGB color space, hex #f5c563 is composed of 96.1% red, 77.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 59.6% yellow and 3.9% black. It has a hue angle of 40.3 degrees, a saturation of 88% and a lightness of 67.5%. #f5c563 color hex could be obtained by blending #ffffc6 with #eb8b00. Closest websafe color is: #ffcc66.
-
- R 96
- G 77
- B 39
-
- C 0
- M 20
- Y 60
- K 4
● #f5c563 color description : Soft orange.
#f5c563 Color Conversion
The hexadecimal color #f5c563 has RGB values of R:245, G:197, B:99 and CMYK values of C:0, M:0.2, Y:0.6, K:0.04. Its decimal value is 16106851.
Hex triplet | f5c563 | #f5c563 |
---|---|---|
RGB Decimal | 245, 197, 99 | rgb(245,197,99) |
RGB Percent | 96.1, 77.3, 38.8 | rgb(96.1%,77.3%,38.8%) |
CMYK | 0, 20, 60, 4 | |
HSL | 40.3°, 88, 67.5 | hsl(40.3,88%,67.5%) |
HSV (or HSB) | 40.3°, 59.6, 96.1 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.973, 6.323, 54.703 |
---|---|
XYZ | 59.875, 60.248, 20.279 |
xyY | 0.426, 0.429, 60.248 |
CIE-LCH | 81.973, 55.067, 83.407 |
CIE-LUV | 81.973, 38.307, 64.966 |
Hunter-Lab | 77.62, 1.858, 38.844 |
Binary | 11110101, 11000101, 01100011 |
Color Schemes with #f5c563
Alternatives to #f5c563
Below, you can see some colors close to #f5c563. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5c563 Preview
This text has a font color of #f5c563.
<span style="color:#f5c563;">Text here</span>
This paragraph has a background color of #f5c563.
<p style="background-color:#f5c563;">Content here</p>
This element has a border color of #f5c563.
<div style="border:1px solid #f5c563;">Content here</div>
.text {color:#f5c563;}
.background {background-color:#f5c563;}
.border {border:1px solid #f5c563;}
Shades and Tints of #f5c563
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, #0a0701 is the darkest color, while #fefcf6 is the lightest one.
-
#0a0701
#0a0701
rgb(10,7,1)
-
#1c1402
#1c1402
rgb(28,20,2)
-
#2f2003
#2f2003
rgb(47,32,3)
-
#412d04
#412d04
rgb(65,45,4)
-
#543a05
#543a05
rgb(84,58,5)
-
#664707
#664707
rgb(102,71,7)
-
#795308
#795308
rgb(121,83,8)
-
#8b6009
#8b6009
rgb(139,96,9)
-
#9d6d0a
#9d6d0a
rgb(157,109,10)
-
#b07a0b
#b07a0b
rgb(176,122,11)
-
#c2860c
#c2860c
rgb(194,134,12)
-
#d5930e
#d5930e
rgb(213,147,14)
-
#e7a00f
#e7a00f
rgb(231,160,15)
-
#f0aa19
#f0aa19
rgb(240,170,25)
-
#f1b02c
#f1b02c
rgb(241,176,44)
-
#f3b73e
#f3b73e
rgb(243,183,62)
-
#f4be51
#f4be51
rgb(244,190,81)
-
#f5c563
#f5c563
rgb(245,197,99)
-
#f6cc75
#f6cc75
rgb(246,204,117)
-
#f7d388
#f7d388
rgb(247,211,136)
-
#f9da9a
#f9da9a
rgb(249,218,154)
-
#fae0ad
#fae0ad
rgb(250,224,173)
-
#fbe7bf
#fbe7bf
rgb(251,231,191)
-
#fceed2
#fceed2
rgb(252,238,210)
-
#fdf5e4
#fdf5e4
rgb(253,245,228)
-
#fefcf6
#fefcf6
rgb(254,252,246)
Tones of #f5c563
A tone is produced by adding gray to any pure hue. In this case, #afada9 is the less saturated color, while #fbc75d is the most saturated one.
-
#afada9
#afada9
rgb(175,173,169)
-
#b5afa3
#b5afa3
rgb(181,175,163)
-
#bcb19c
#bcb19c
rgb(188,177,156)
-
#c2b496
#c2b496
rgb(194,180,150)
-
#c8b690
#c8b690
rgb(200,182,144)
-
#cfb889
#cfb889
rgb(207,184,137)
-
#d5ba83
#d5ba83
rgb(213,186,131)
-
#dbbc7d
#dbbc7d
rgb(219,188,125)
-
#e2be76
#e2be76
rgb(226,190,118)
-
#e8c170
#e8c170
rgb(232,193,112)
-
#efc369
#efc369
rgb(239,195,105)
-
#f5c563
#f5c563
rgb(245,197,99)
-
#fbc75d
#fbc75d
rgb(251,199,93)
Color Blindness Simulator
Below, you can see how #f5c563 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.