#f5cc80 Color Information
In a RGB color space, hex #f5cc80 is composed of 96.1% red, 80% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 47.8% yellow and 3.9% black. It has a hue angle of 39 degrees, a saturation of 85.4% and a lightness of 73.1%. #f5cc80 color hex could be obtained by blending #ffffff with #eb9901. Closest websafe color is: #ffcc99.
-
- R 96
- G 80
- B 50
-
- C 0
- M 17
- Y 48
- K 4
● #f5cc80 color description : Soft orange.
#f5cc80 Color Conversion
The hexadecimal color #f5cc80 has RGB values of R:245, G:204, B:128 and CMYK values of C:0, M:0.17, Y:0.48, K:0.04. Its decimal value is 16108672.
Hex triplet | f5cc80 | #f5cc80 |
---|---|---|
RGB Decimal | 245, 204, 128 | rgb(245,204,128) |
RGB Percent | 96.1, 80, 50.2 | rgb(96.1%,80%,50.2%) |
CMYK | 0, 17, 48, 4 | |
HSL | 39°, 85.4, 73.1 | hsl(39,85.4%,73.1%) |
HSV (or HSB) | 39°, 47.8, 96.1 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 84.048, 5.043, 43.114 |
---|---|
XYZ | 63.145, 64.159, 29.479 |
xyY | 0.403, 0.409, 64.159 |
CIE-LCH | 84.048, 43.408, 83.329 |
CIE-LUV | 84.048, 31.578, 54.653 |
Hunter-Lab | 80.099, 0.545, 34.249 |
Binary | 11110101, 11001100, 10000000 |
Color Schemes with #f5cc80
Alternatives to #f5cc80
Below, you can see some colors close to #f5cc80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5cc80 Preview
This text has a font color of #f5cc80.
<span style="color:#f5cc80;">Text here</span>
This paragraph has a background color of #f5cc80.
<p style="background-color:#f5cc80;">Content here</p>
This element has a border color of #f5cc80.
<div style="border:1px solid #f5cc80;">Content here</div>
.text {color:#f5cc80;}
.background {background-color:#f5cc80;}
.border {border:1px solid #f5cc80;}
Shades and Tints of #f5cc80
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, #000000 is the darkest color, while #fef8ed is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#120d01
#120d01
rgb(18,13,1)
-
#251903
#251903
rgb(37,25,3)
-
#372504
#372504
rgb(55,37,4)
-
#493106
#493106
rgb(73,49,6)
-
#5b3e07
#5b3e07
rgb(91,62,7)
-
#6d4a09
#6d4a09
rgb(109,74,9)
-
#80560a
#80560a
rgb(128,86,10)
-
#92630b
#92630b
rgb(146,99,11)
-
#a46f0d
#a46f0d
rgb(164,111,13)
-
#b67b0e
#b67b0e
rgb(182,123,14)
-
#c88810
#c88810
rgb(200,136,16)
-
#da9411
#da9411
rgb(218,148,17)
-
#eca013
#eca013
rgb(236,160,19)
-
#eea725
#eea725
rgb(238,167,37)
-
#efaf37
#efaf37
rgb(239,175,55)
-
#f1b649
#f1b649
rgb(241,182,73)
-
#f2bd5c
#f2bd5c
rgb(242,189,92)
-
#f4c56e
#f4c56e
rgb(244,197,110)
-
#f5cc80
#f5cc80
rgb(245,204,128)
-
#f6d392
#f6d392
rgb(246,211,146)
-
#f8dba4
#f8dba4
rgb(248,219,164)
-
#f9e2b7
#f9e2b7
rgb(249,226,183)
-
#fbe9c9
#fbe9c9
rgb(251,233,201)
-
#fcf1db
#fcf1db
rgb(252,241,219)
-
#fef8ed
#fef8ed
rgb(254,248,237)
Tones of #f5cc80
A tone is produced by adding gray to any pure hue. In this case, #bbbbba is the less saturated color, while #face7b is the most saturated one.
-
#bbbbba
#bbbbba
rgb(187,187,186)
-
#c0bcb5
#c0bcb5
rgb(192,188,181)
-
#c6beaf
#c6beaf
rgb(198,190,175)
-
#cbbfaa
#cbbfaa
rgb(203,191,170)
-
#d0c1a5
#d0c1a5
rgb(208,193,165)
-
#d5c3a0
#d5c3a0
rgb(213,195,160)
-
#dbc49a
#dbc49a
rgb(219,196,154)
-
#e0c695
#e0c695
rgb(224,198,149)
-
#e5c790
#e5c790
rgb(229,199,144)
-
#eac98b
#eac98b
rgb(234,201,139)
-
#f0ca85
#f0ca85
rgb(240,202,133)
-
#f5cc80
#f5cc80
rgb(245,204,128)
-
#face7b
#face7b
rgb(250,206,123)
Color Blindness Simulator
Below, you can see how #f5cc80 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.