#fecc40 Color Information
In a RGB color space, hex #fecc40 is composed of 99.6% red, 80% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 74.8% yellow and 0.4% black. It has a hue angle of 44.2 degrees, a saturation of 99% and a lightness of 62.4%. #fecc40 color hex could be obtained by blending #ffff80 with #fd9900. Closest websafe color is: #ffcc33.
-
- R 100
- G 80
- B 25
-
- C 0
- M 20
- Y 75
- K 0
● #fecc40 color description : Bright orange.
#fecc40 Color Conversion
The hexadecimal color #fecc40 has RGB values of R:254, G:204, B:64 and CMYK values of C:0, M:0.2, Y:0.75, K:0. Its decimal value is 16698432.
| Hex triplet | fecc40 | #fecc40 |
|---|---|---|
| RGB Decimal | 254, 204, 64 | rgb(254,204,64) |
| RGB Percent | 99.6, 80, 25.1 | rgb(99.6%,80%,25.1%) |
| CMYK | 0, 20, 75, 0 | |
| HSL | 44.2°, 99, 62.4 | hsl(44.2,99%,62.4%) |
| HSV (or HSB) | 44.2°, 74.8, 99.6 | |
| Web Safe | ffcc33 | #ffcc33 |
| CIE-LAB | 84.293, 4.558, 72.006 |
|---|---|
| XYZ | 63.392, 64.63, 13.986 |
| xyY | 0.446, 0.455, 64.63 |
| CIE-LCH | 84.293, 72.15, 86.378 |
| CIE-LUV | 84.293, 41.732, 79.832 |
| Hunter-Lab | 80.393, 0.066, 45.96 |
| Binary | 11111110, 11001100, 01000000 |
Color Schemes with #fecc40
Alternatives to #fecc40
Below, you can see some colors close to #fecc40. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fecc40 Preview
This text has a font color of #fecc40.
<span style="color:#fecc40;">Text here</span>
This paragraph has a background color of #fecc40.
<p style="background-color:#fecc40;">Content here</p>
This element has a border color of #fecc40.
<div style="border:1px solid #fecc40;">Content here</div>
.text {color:#fecc40;}
.background {background-color:#fecc40;}
.border {border:1px solid #fecc40;}
Shades and Tints of #fecc40
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, #040300 is the darkest color, while #fffbf0 is the lightest one.
-
#040300
#040300rgb(4,3,0) -
#181100
#181100rgb(24,17,0) -
#2b2000
#2b2000rgb(43,32,0) -
#3f2e00
#3f2e00rgb(63,46,0) -
#523d00
#523d00rgb(82,61,0) -
#664b01
#664b01rgb(102,75,1) -
#795901
#795901rgb(121,89,1) -
#8d6801
#8d6801rgb(141,104,1) -
#a07601
#a07601rgb(160,118,1) -
#b48501
#b48501rgb(180,133,1) -
#c79301
#c79301rgb(199,147,1) -
#dba201
#dba201rgb(219,162,1) -
#eeb001
#eeb001rgb(238,176,1)
-
#febc05
#febc05rgb(254,188,5) -
#fec219
#fec219rgb(254,194,25) -
#fec72c
#fec72crgb(254,199,44) -
#fecc40
#fecc40rgb(254,204,64) -
#fed154
#fed154rgb(254,209,84) -
#fed667
#fed667rgb(254,214,103) -
#fedc7b
#fedc7brgb(254,220,123) -
#fee18e
#fee18ergb(254,225,142) -
#ffe6a2
#ffe6a2rgb(255,230,162) -
#ffebb5
#ffebb5rgb(255,235,181) -
#fff0c9
#fff0c9rgb(255,240,201) -
#fff6dc
#fff6dcrgb(255,246,220) -
#fffbf0
#fffbf0rgb(255,251,240)
Tones of #fecc40
A tone is produced by adding gray to any pure hue. In this case, #a5a299 is the less saturated color, while #fecc40 is the most saturated one.
-
#a5a299
#a5a299rgb(165,162,153) -
#ada691
#ada691rgb(173,166,145) -
#b4a98a
#b4a98argb(180,169,138) -
#bcad82
#bcad82rgb(188,173,130) -
#c3b07b
#c3b07brgb(195,176,123) -
#cab474
#cab474rgb(202,180,116) -
#d2b76c
#d2b76crgb(210,183,108) -
#d9bb65
#d9bb65rgb(217,187,101) -
#e0be5e
#e0be5ergb(224,190,94) -
#e8c256
#e8c256rgb(232,194,86) -
#efc54f
#efc54frgb(239,197,79) -
#f7c947
#f7c947rgb(247,201,71) -
#fecc40
#fecc40rgb(254,204,64)
Color Blindness Simulator
Below, you can see how #fecc40 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.
