#fec55f Color Information
In a RGB color space, hex #fec55f is composed of 99.6% red, 77.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 62.6% yellow and 0.4% black. It has a hue angle of 38.5 degrees, a saturation of 98.8% and a lightness of 68.4%. #fec55f color hex could be obtained by blending #ffffbe with #fd8b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 77
- B 37
-
- C 0
- M 22
- Y 63
- K 0
● #fec55f color description : Soft orange.
#fec55f Color Conversion
The hexadecimal color #fec55f has RGB values of R:254, G:197, B:95 and CMYK values of C:0, M:0.22, Y:0.63, K:0. Its decimal value is 16696671.
Hex triplet | fec55f | #fec55f |
---|---|---|
RGB Decimal | 254, 197, 95 | rgb(254,197,95) |
RGB Percent | 99.6, 77.3, 37.3 | rgb(99.6%,77.3%,37.3%) |
CMYK | 0, 22, 63, 0 | |
HSL | 38.5°, 98.8, 68.4 | hsl(38.5,98.8%,68.4%) |
HSV (or HSB) | 38.5°, 62.6, 99.6 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.824, 9.766, 57.754 |
---|---|
XYZ | 62.906, 61.833, 19.448 |
xyY | 0.436, 0.429, 61.833 |
CIE-LCH | 82.824, 58.574, 80.402 |
CIE-LUV | 82.824, 45.318, 67.075 |
Hunter-Lab | 78.634, 5.188, 40.38 |
Binary | 11111110, 11000101, 01011111 |
Color Schemes with #fec55f
Alternatives to #fec55f
Below, you can see some colors close to #fec55f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec55f Preview
This text has a font color of #fec55f.
<span style="color:#fec55f;">Text here</span>
This paragraph has a background color of #fec55f.
<p style="background-color:#fec55f;">Content here</p>
This element has a border color of #fec55f.
<div style="border:1px solid #fec55f;">Content here</div>
.text {color:#fec55f;}
.background {background-color:#fec55f;}
.border {border:1px solid #fec55f;}
Shades and Tints of #fec55f
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, #0f0a00 is the darkest color, while #fffefb is the lightest one.
-
#0f0a00
#0f0a00
rgb(15,10,0)
-
#231600
#231600
rgb(35,22,0)
-
#362300
#362300
rgb(54,35,0)
-
#4a3000
#4a3000
rgb(74,48,0)
-
#5d3c01
#5d3c01
rgb(93,60,1)
-
#714901
#714901
rgb(113,73,1)
-
#845501
#845501
rgb(132,85,1)
-
#986201
#986201
rgb(152,98,1)
-
#ab6e01
#ab6e01
rgb(171,110,1)
-
#bf7b01
#bf7b01
rgb(191,123,1)
-
#d28701
#d28701
rgb(210,135,1)
-
#e69401
#e69401
rgb(230,148,1)
-
#f9a102
#f9a102
rgb(249,161,2)
-
#fea911
#fea911
rgb(254,169,17)
-
#feb025
#feb025
rgb(254,176,37)
-
#feb738
#feb738
rgb(254,183,56)
-
#febe4c
#febe4c
rgb(254,190,76)
-
#fec55f
#fec55f
rgb(254,197,95)
-
#fecc72
#fecc72
rgb(254,204,114)
-
#fed386
#fed386
rgb(254,211,134)
-
#feda99
#feda99
rgb(254,218,153)
-
#fee1ad
#fee1ad
rgb(254,225,173)
-
#ffe8c0
#ffe8c0
rgb(255,232,192)
-
#ffefd4
#ffefd4
rgb(255,239,212)
-
#fff6e7
#fff6e7
rgb(255,246,231)
-
#fffefb
#fffefb
rgb(255,254,251)
Tones of #fec55f
A tone is produced by adding gray to any pure hue. In this case, #b4b0a9 is the less saturated color, while #fec55f is the most saturated one.
-
#b4b0a9
#b4b0a9
rgb(180,176,169)
-
#bab2a3
#bab2a3
rgb(186,178,163)
-
#c0b39d
#c0b39d
rgb(192,179,157)
-
#c6b597
#c6b597
rgb(198,181,151)
-
#ccb791
#ccb791
rgb(204,183,145)
-
#d3b98a
#d3b98a
rgb(211,185,138)
-
#d9ba84
#d9ba84
rgb(217,186,132)
-
#dfbc7e
#dfbc7e
rgb(223,188,126)
-
#e5be78
#e5be78
rgb(229,190,120)
-
#ebc072
#ebc072
rgb(235,192,114)
-
#f2c16b
#f2c16b
rgb(242,193,107)
-
#f8c365
#f8c365
rgb(248,195,101)
-
#fec55f
#fec55f
rgb(254,197,95)
Color Blindness Simulator
Below, you can see how #fec55f 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.