#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
#040300
rgb(4,3,0)
-
#181100
#181100
rgb(24,17,0)
-
#2b2000
#2b2000
rgb(43,32,0)
-
#3f2e00
#3f2e00
rgb(63,46,0)
-
#523d00
#523d00
rgb(82,61,0)
-
#664b01
#664b01
rgb(102,75,1)
-
#795901
#795901
rgb(121,89,1)
-
#8d6801
#8d6801
rgb(141,104,1)
-
#a07601
#a07601
rgb(160,118,1)
-
#b48501
#b48501
rgb(180,133,1)
-
#c79301
#c79301
rgb(199,147,1)
-
#dba201
#dba201
rgb(219,162,1)
-
#eeb001
#eeb001
rgb(238,176,1)
-
#febc05
#febc05
rgb(254,188,5)
-
#fec219
#fec219
rgb(254,194,25)
-
#fec72c
#fec72c
rgb(254,199,44)
-
#fecc40
#fecc40
rgb(254,204,64)
-
#fed154
#fed154
rgb(254,209,84)
-
#fed667
#fed667
rgb(254,214,103)
-
#fedc7b
#fedc7b
rgb(254,220,123)
-
#fee18e
#fee18e
rgb(254,225,142)
-
#ffe6a2
#ffe6a2
rgb(255,230,162)
-
#ffebb5
#ffebb5
rgb(255,235,181)
-
#fff0c9
#fff0c9
rgb(255,240,201)
-
#fff6dc
#fff6dc
rgb(255,246,220)
-
#fffbf0
#fffbf0
rgb(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
#a5a299
rgb(165,162,153)
-
#ada691
#ada691
rgb(173,166,145)
-
#b4a98a
#b4a98a
rgb(180,169,138)
-
#bcad82
#bcad82
rgb(188,173,130)
-
#c3b07b
#c3b07b
rgb(195,176,123)
-
#cab474
#cab474
rgb(202,180,116)
-
#d2b76c
#d2b76c
rgb(210,183,108)
-
#d9bb65
#d9bb65
rgb(217,187,101)
-
#e0be5e
#e0be5e
rgb(224,190,94)
-
#e8c256
#e8c256
rgb(232,194,86)
-
#efc54f
#efc54f
rgb(239,197,79)
-
#f7c947
#f7c947
rgb(247,201,71)
-
#fecc40
#fecc40
rgb(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.