#fecc1c Color Information
In a RGB color space, hex #fecc1c is composed of 99.6% red, 80% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 89% yellow and 0.4% black. It has a hue angle of 46.7 degrees, a saturation of 99.1% and a lightness of 55.3%. #fecc1c color hex could be obtained by blending #ffff38 with #fd9900. Closest websafe color is: #ffcc33.
-
- R 100
- G 80
- B 11
-
- C 0
- M 20
- Y 89
- K 0
● #fecc1c color description : Vivid yellow.
#fecc1c Color Conversion
The hexadecimal color #fecc1c has RGB values of R:254, G:204, B:28 and CMYK values of C:0, M:0.2, Y:0.89, K:0. Its decimal value is 16698396.
| Hex triplet | fecc1c | #fecc1c |
|---|---|---|
| RGB Decimal | 254, 204, 28 | rgb(254,204,28) |
| RGB Percent | 99.6, 80, 11 | rgb(99.6%,80%,11%) |
| CMYK | 0, 20, 89, 0 | |
| HSL | 46.7°, 99.1, 55.3 | hsl(46.7,99.1%,55.3%) |
| HSV (or HSB) | 46.7°, 89, 99.6 | |
| Web Safe | ffcc33 | #ffcc33 |
| CIE-LAB | 84.144, 3.547, 81.779 |
|---|---|
| XYZ | 62.677, 64.343, 10.217 |
| xyY | 0.457, 0.469, 64.343 |
| CIE-LCH | 84.144, 81.856, 87.516 |
| CIE-LUV | 84.144, 42.678, 86.155 |
| Hunter-Lab | 80.214, -0.902, 48.598 |
| Binary | 11111110, 11001100, 00011100 |
Color Schemes with #fecc1c
Alternatives to #fecc1c
Below, you can see some colors close to #fecc1c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fecc1c Preview
This text has a font color of #fecc1c.
<span style="color:#fecc1c;">Text here</span>
This paragraph has a background color of #fecc1c.
<p style="background-color:#fecc1c;">Content here</p>
This element has a border color of #fecc1c.
<div style="border:1px solid #fecc1c;">Content here</div>
.text {color:#fecc1c;}
.background {background-color:#fecc1c;}
.border {border:1px solid #fecc1c;}
Shades and Tints of #fecc1c
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, #070600 is the darkest color, while #fffcf3 is the lightest one.
-
#070600
#070600rgb(7,6,0) -
#1b1500
#1b1500rgb(27,21,0) -
#2e2400
#2e2400rgb(46,36,0) -
#423300
#423300rgb(66,51,0) -
#554300
#554300rgb(85,67,0) -
#695200
#695200rgb(105,82,0) -
#7d6101
#7d6101rgb(125,97,1) -
#907001
#907001rgb(144,112,1) -
#a48001
#a48001rgb(164,128,1) -
#b78f01
#b78f01rgb(183,143,1) -
#cb9e01
#cb9e01rgb(203,158,1) -
#dead01
#dead01rgb(222,173,1) -
#f2bc01
#f2bc01rgb(242,188,1)
-
#fec808
#fec808rgb(254,200,8) -
#fecc1c
#fecc1crgb(254,204,28) -
#fed030
#fed030rgb(254,208,48) -
#fed543
#fed543rgb(254,213,67) -
#fed957
#fed957rgb(254,217,87) -
#fede6a
#fede6argb(254,222,106) -
#fee27e
#fee27ergb(254,226,126) -
#ffe691
#ffe691rgb(255,230,145) -
#ffeba5
#ffeba5rgb(255,235,165) -
#ffefb8
#ffefb8rgb(255,239,184) -
#fff3cc
#fff3ccrgb(255,243,204) -
#fff8df
#fff8dfrgb(255,248,223) -
#fffcf3
#fffcf3rgb(255,252,243)
Tones of #fecc1c
A tone is produced by adding gray to any pure hue. In this case, #959185 is the less saturated color, while #fecc1c is the most saturated one.
-
#959185
#959185rgb(149,145,133) -
#9e967c
#9e967crgb(158,150,124) -
#a69b74
#a69b74rgb(166,155,116) -
#afa06b
#afa06brgb(175,160,107) -
#b8a562
#b8a562rgb(184,165,98) -
#c1aa59
#c1aa59rgb(193,170,89) -
#c9af51
#c9af51rgb(201,175,81) -
#d2b448
#d2b448rgb(210,180,72) -
#dbb83f
#dbb83frgb(219,184,63) -
#e4bd36
#e4bd36rgb(228,189,54) -
#ecc22e
#ecc22ergb(236,194,46) -
#f5c725
#f5c725rgb(245,199,37) -
#fecc1c
#fecc1crgb(254,204,28)
Color Blindness Simulator
Below, you can see how #fecc1c 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.
