#fec558 Color Information
In a RGB color space, hex #fec558 is composed of 99.6% red, 77.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 65.4% yellow and 0.4% black. It has a hue angle of 39.4 degrees, a saturation of 98.8% and a lightness of 67.1%. #fec558 color hex could be obtained by blending #ffffb0 with #fd8b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 77
- B 35
-
- C 0
- M 22
- Y 65
- K 0
● #fec558 color description : Soft orange.
#fec558 Color Conversion
The hexadecimal color #fec558 has RGB values of R:254, G:197, B:88 and CMYK values of C:0, M:0.22, Y:0.65, K:0. Its decimal value is 16696664.
Hex triplet | fec558 | #fec558 |
---|---|---|
RGB Decimal | 254, 197, 88 | rgb(254,197,88) |
RGB Percent | 99.6, 77.3, 34.5 | rgb(99.6%,77.3%,34.5%) |
CMYK | 0, 22, 65, 0 | |
HSL | 39.4°, 98.8, 67.1 | hsl(39.4,98.8%,67.1%) |
HSV (or HSB) | 39.4°, 65.4, 99.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.759, 9.342, 60.823 |
---|---|
XYZ | 62.602, 61.711, 17.846 |
xyY | 0.44, 0.434, 61.711 |
CIE-LCH | 82.759, 61.536, 81.268 |
CIE-LUV | 82.759, 45.744, 69.691 |
Hunter-Lab | 78.556, 4.773, 41.52 |
Binary | 11111110, 11000101, 01011000 |
Color Schemes with #fec558
Alternatives to #fec558
Below, you can see some colors close to #fec558. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec558 Preview
This text has a font color of #fec558.
<span style="color:#fec558;">Text here</span>
This paragraph has a background color of #fec558.
<p style="background-color:#fec558;">Content here</p>
This element has a border color of #fec558.
<div style="border:1px solid #fec558;">Content here</div>
.text {color:#fec558;}
.background {background-color:#fec558;}
.border {border:1px solid #fec558;}
Shades and Tints of #fec558
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, #080600 is the darkest color, while #fffbf4 is the lightest one.
-
#080600
#080600
rgb(8,6,0)
-
#1c1200
#1c1200
rgb(28,18,0)
-
#2f1f00
#2f1f00
rgb(47,31,0)
-
#432c00
#432c00
rgb(67,44,0)
-
#563901
#563901
rgb(86,57,1)
-
#6a4601
#6a4601
rgb(106,70,1)
-
#7d5301
#7d5301
rgb(125,83,1)
-
#915f01
#915f01
rgb(145,95,1)
-
#a46c01
#a46c01
rgb(164,108,1)
-
#b87901
#b87901
rgb(184,121,1)
-
#cb8601
#cb8601
rgb(203,134,1)
-
#df9301
#df9301
rgb(223,147,1)
-
#f2a001
#f2a001
rgb(242,160,1)
-
#feaa0a
#feaa0a
rgb(254,170,10)
-
#feb11e
#feb11e
rgb(254,177,30)
-
#feb731
#feb731
rgb(254,183,49)
-
#febe45
#febe45
rgb(254,190,69)
-
#fec558
#fec558
rgb(254,197,88)
-
#fecc6b
#fecc6b
rgb(254,204,107)
-
#fed37f
#fed37f
rgb(254,211,127)
-
#fed992
#fed992
rgb(254,217,146)
-
#fee0a6
#fee0a6
rgb(254,224,166)
-
#ffe7b9
#ffe7b9
rgb(255,231,185)
-
#ffeecd
#ffeecd
rgb(255,238,205)
-
#fff4e0
#fff4e0
rgb(255,244,224)
-
#fffbf4
#fffbf4
rgb(255,251,244)
Tones of #fec558
A tone is produced by adding gray to any pure hue. In this case, #b0ada6 is the less saturated color, while #fec558 is the most saturated one.
-
#b0ada6
#b0ada6
rgb(176,173,166)
-
#b7af9f
#b7af9f
rgb(183,175,159)
-
#bdb199
#bdb199
rgb(189,177,153)
-
#c4b392
#c4b392
rgb(196,179,146)
-
#cab58c
#cab58c
rgb(202,181,140)
-
#d1b785
#d1b785
rgb(209,183,133)
-
#d7b97f
#d7b97f
rgb(215,185,127)
-
#debb78
#debb78
rgb(222,187,120)
-
#e4bd72
#e4bd72
rgb(228,189,114)
-
#ebbf6b
#ebbf6b
rgb(235,191,107)
-
#f1c165
#f1c165
rgb(241,193,101)
-
#f8c35e
#f8c35e
rgb(248,195,94)
-
#fec558
#fec558
rgb(254,197,88)
Color Blindness Simulator
Below, you can see how #fec558 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.