#f5c553 Color Information
In a RGB color space, hex #f5c553 is composed of 96.1% red, 77.3% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 66.1% yellow and 3.9% black. It has a hue angle of 42.2 degrees, a saturation of 89% and a lightness of 64.3%. #f5c553 color hex could be obtained by blending #ffffa6 with #eb8b00. Closest websafe color is: #ffcc66.
-
- R 96
- G 77
- B 33
-
- C 0
- M 20
- Y 66
- K 4
● #f5c553 color description : Soft orange.
#f5c553 Color Conversion
The hexadecimal color #f5c553 has RGB values of R:245, G:197, B:83 and CMYK values of C:0, M:0.2, Y:0.66, K:0.04. Its decimal value is 16106835.
Hex triplet | f5c553 | #f5c553 |
---|---|---|
RGB Decimal | 245, 197, 83 | rgb(245,197,83) |
RGB Percent | 96.1, 77.3, 32.5 | rgb(96.1%,77.3%,32.5%) |
CMYK | 0, 20, 66, 4 | |
HSL | 42.2°, 89, 64.3 | hsl(42.2,89%,64.3%) |
HSV (or HSB) | 42.2°, 66.1, 96.1 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.823, 5.315, 61.728 |
---|---|
XYZ | 59.184, 59.972, 16.642 |
xyY | 0.436, 0.442, 59.972 |
CIE-LCH | 81.823, 61.957, 85.079 |
CIE-LUV | 81.823, 39.206, 71.015 |
Hunter-Lab | 77.442, 0.895, 41.468 |
Binary | 11110101, 11000101, 01010011 |
Color Schemes with #f5c553
Alternatives to #f5c553
Below, you can see some colors close to #f5c553. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5c553 Preview
This text has a font color of #f5c553.
<span style="color:#f5c553;">Text here</span>
This paragraph has a background color of #f5c553.
<p style="background-color:#f5c553;">Content here</p>
This element has a border color of #f5c553.
<div style="border:1px solid #f5c553;">Content here</div>
.text {color:#f5c553;}
.background {background-color:#f5c553;}
.border {border:1px solid #f5c553;}
Shades and Tints of #f5c553
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, #0d0a01 is the darkest color, while #fffdfa is the lightest one.
-
#0d0a01
#0d0a01
rgb(13,10,1)
-
#201702
#201702
rgb(32,23,2)
-
#322403
#322403
rgb(50,36,3)
-
#453204
#453204
rgb(69,50,4)
-
#583f05
#583f05
rgb(88,63,5)
-
#6a4c06
#6a4c06
rgb(106,76,6)
-
#7d5a07
#7d5a07
rgb(125,90,7)
-
#8f6708
#8f6708
rgb(143,103,8)
-
#a27509
#a27509
rgb(162,117,9)
-
#b4820a
#b4820a
rgb(180,130,10)
-
#c78f0c
#c78f0c
rgb(199,143,12)
-
#d99d0d
#d99d0d
rgb(217,157,13)
-
#ecaa0e
#ecaa0e
rgb(236,170,14)
-
#f2b21b
#f2b21b
rgb(242,178,27)
-
#f3b82e
#f3b82e
rgb(243,184,46)
-
#f4bf40
#f4bf40
rgb(244,191,64)
-
#f5c553
#f5c553
rgb(245,197,83)
-
#f6cb66
#f6cb66
rgb(246,203,102)
-
#f7d278
#f7d278
rgb(247,210,120)
-
#f8d88b
#f8d88b
rgb(248,216,139)
-
#f9de9d
#f9de9d
rgb(249,222,157)
-
#fae4b0
#fae4b0
rgb(250,228,176)
-
#fbebc2
#fbebc2
rgb(251,235,194)
-
#fdf1d5
#fdf1d5
rgb(253,241,213)
-
#fef7e7
#fef7e7
rgb(254,247,231)
-
#fffdfa
#fffdfa
rgb(255,253,250)
Tones of #f5c553
A tone is produced by adding gray to any pure hue. In this case, #a8a6a0 is the less saturated color, while #fcc84c is the most saturated one.
-
#a8a6a0
#a8a6a0
rgb(168,166,160)
-
#afa899
#afa899
rgb(175,168,153)
-
#b6ab92
#b6ab92
rgb(182,171,146)
-
#bdae8b
#bdae8b
rgb(189,174,139)
-
#c4b184
#c4b184
rgb(196,177,132)
-
#cbb47d
#cbb47d
rgb(203,180,125)
-
#d2b776
#d2b776
rgb(210,183,118)
-
#d9ba6f
#d9ba6f
rgb(217,186,111)
-
#e0bc68
#e0bc68
rgb(224,188,104)
-
#e7bf61
#e7bf61
rgb(231,191,97)
-
#eec25a
#eec25a
rgb(238,194,90)
-
#f5c553
#f5c553
rgb(245,197,83)
-
#fcc84c
#fcc84c
rgb(252,200,76)
Color Blindness Simulator
Below, you can see how #f5c553 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.