#fecc1f Color Information
In a RGB color space, hex #fecc1f is composed of 99.6% red, 80% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 87.8% yellow and 0.4% black. It has a hue angle of 46.5 degrees, a saturation of 99.1% and a lightness of 55.9%. #fecc1f color hex could be obtained by blending #ffff3e with #fd9900. Closest websafe color is: #ffcc33.
-
- R 100
- G 80
- B 12
-
- C 0
- M 20
- Y 88
- K 0
● #fecc1f color description : Vivid yellow.
#fecc1f Color Conversion
The hexadecimal color #fecc1f has RGB values of R:254, G:204, B:31 and CMYK values of C:0, M:0.2, Y:0.88, K:0. Its decimal value is 16698399.
Hex triplet | fecc1f | #fecc1f |
---|---|---|
RGB Decimal | 254, 204, 31 | rgb(254,204,31) |
RGB Percent | 99.6, 80, 12.2 | rgb(99.6%,80%,12.2%) |
CMYK | 0, 20, 88, 0 | |
HSL | 46.5°, 99.1, 55.9 | hsl(46.5,99.1%,55.9%) |
HSV (or HSB) | 46.5°, 87.8, 99.6 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 84.152, 3.601, 81.208 |
---|---|
XYZ | 62.714, 64.358, 10.416 |
xyY | 0.456, 0.468, 64.358 |
CIE-LCH | 84.152, 81.287, 87.461 |
CIE-LUV | 84.152, 42.628, 85.817 |
Hunter-Lab | 80.224, -0.851, 48.459 |
Binary | 11111110, 11001100, 00011111 |
Color Schemes with #fecc1f
Alternatives to #fecc1f
Below, you can see some colors close to #fecc1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fecc1f Preview
This text has a font color of #fecc1f.
<span style="color:#fecc1f;">Text here</span>
This paragraph has a background color of #fecc1f.
<p style="background-color:#fecc1f;">Content here</p>
This element has a border color of #fecc1f.
<div style="border:1px solid #fecc1f;">Content here</div>
.text {color:#fecc1f;}
.background {background-color:#fecc1f;}
.border {border:1px solid #fecc1f;}
Shades and Tints of #fecc1f
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, #0a0800 is the darkest color, while #fffdf6 is the lightest one.
-
#0a0800
#0a0800
rgb(10,8,0)
-
#1e1700
#1e1700
rgb(30,23,0)
-
#312600
#312600
rgb(49,38,0)
-
#453600
#453600
rgb(69,54,0)
-
#584500
#584500
rgb(88,69,0)
-
#6c5400
#6c5400
rgb(108,84,0)
-
#806301
#806301
rgb(128,99,1)
-
#937201
#937201
rgb(147,114,1)
-
#a78101
#a78101
rgb(167,129,1)
-
#ba9101
#ba9101
rgb(186,145,1)
-
#cea001
#cea001
rgb(206,160,1)
-
#e1af01
#e1af01
rgb(225,175,1)
-
#f5be01
#f5be01
rgb(245,190,1)
-
#fec80b
#fec80b
rgb(254,200,11)
-
#fecc1f
#fecc1f
rgb(254,204,31)
-
#fed033
#fed033
rgb(254,208,51)
-
#fed546
#fed546
rgb(254,213,70)
-
#fed95a
#fed95a
rgb(254,217,90)
-
#fede6d
#fede6d
rgb(254,222,109)
-
#fee281
#fee281
rgb(254,226,129)
-
#ffe794
#ffe794
rgb(255,231,148)
-
#ffeba8
#ffeba8
rgb(255,235,168)
-
#fff0bb
#fff0bb
rgb(255,240,187)
-
#fff4cf
#fff4cf
rgb(255,244,207)
-
#fff8e2
#fff8e2
rgb(255,248,226)
-
#fffdf6
#fffdf6
rgb(255,253,246)
Tones of #fecc1f
A tone is produced by adding gray to any pure hue. In this case, #969387 is the less saturated color, while #fecc1f is the most saturated one.
-
#969387
#969387
rgb(150,147,135)
-
#9f977e
#9f977e
rgb(159,151,126)
-
#a79c76
#a79c76
rgb(167,156,118)
-
#b0a16d
#b0a16d
rgb(176,161,109)
-
#b9a664
#b9a664
rgb(185,166,100)
-
#c1ab5c
#c1ab5c
rgb(193,171,92)
-
#caaf53
#caaf53
rgb(202,175,83)
-
#d3b44a
#d3b44a
rgb(211,180,74)
-
#dbb942
#dbb942
rgb(219,185,66)
-
#e4be39
#e4be39
rgb(228,190,57)
-
#edc230
#edc230
rgb(237,194,48)
-
#f5c728
#f5c728
rgb(245,199,40)
-
#fecc1f
#fecc1f
rgb(254,204,31)
Color Blindness Simulator
Below, you can see how #fecc1f 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.