#fecc48 Color Information
In a RGB color space, hex #fecc48 is composed of 99.6% red, 80% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 71.7% yellow and 0.4% black. It has a hue angle of 43.5 degrees, a saturation of 98.9% and a lightness of 63.9%. #fecc48 color hex could be obtained by blending #ffff90 with #fd9900. Closest websafe color is: #ffcc33.
-
- R 100
- G 80
- B 28
-
- C 0
- M 20
- Y 72
- K 0
● #fecc48 color description : Bright orange.
#fecc48 Color Conversion
The hexadecimal color #fecc48 has RGB values of R:254, G:204, B:72 and CMYK values of C:0, M:0.2, Y:0.72, K:0. Its decimal value is 16698440.
Hex triplet | fecc48 | #fecc48 |
---|---|---|
RGB Decimal | 254, 204, 72 | rgb(254,204,72) |
RGB Percent | 99.6, 80, 28.2 | rgb(99.6%,80%,28.2%) |
CMYK | 0, 20, 72, 0 | |
HSL | 43.5°, 98.9, 63.9 | hsl(43.5,98.9%,63.9%) |
HSV (or HSB) | 43.5°, 71.7, 99.6 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 84.343, 4.901, 69.09 |
---|---|
XYZ | 63.636, 64.727, 15.272 |
xyY | 0.443, 0.451, 64.727 |
CIE-LCH | 84.343, 69.264, 85.943 |
CIE-LUV | 84.343, 41.415, 77.713 |
Hunter-Lab | 80.453, 0.396, 45.062 |
Binary | 11111110, 11001100, 01001000 |
Color Schemes with #fecc48
Alternatives to #fecc48
Below, you can see some colors close to #fecc48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fecc48 Preview
This text has a font color of #fecc48.
<span style="color:#fecc48;">Text here</span>
This paragraph has a background color of #fecc48.
<p style="background-color:#fecc48;">Content here</p>
This element has a border color of #fecc48.
<div style="border:1px solid #fecc48;">Content here</div>
.text {color:#fecc48;}
.background {background-color:#fecc48;}
.border {border:1px solid #fecc48;}
Shades and Tints of #fecc48
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, #0c0900 is the darkest color, while #fffdf8 is the lightest one.
-
#0c0900
#0c0900
rgb(12,9,0)
-
#201700
#201700
rgb(32,23,0)
-
#332500
#332500
rgb(51,37,0)
-
#473300
#473300
rgb(71,51,0)
-
#5a4100
#5a4100
rgb(90,65,0)
-
#6e5001
#6e5001
rgb(110,80,1)
-
#815e01
#815e01
rgb(129,94,1)
-
#956c01
#956c01
rgb(149,108,1)
-
#a87a01
#a87a01
rgb(168,122,1)
-
#bc8801
#bc8801
rgb(188,136,1)
-
#cf9701
#cf9701
rgb(207,151,1)
-
#e3a501
#e3a501
rgb(227,165,1)
-
#f6b301
#f6b301
rgb(246,179,1)
-
#febc0d
#febc0d
rgb(254,188,13)
-
#fec121
#fec121
rgb(254,193,33)
-
#fec734
#fec734
rgb(254,199,52)
-
#fecc48
#fecc48
rgb(254,204,72)
-
#fed15c
#fed15c
rgb(254,209,92)
-
#fed76f
#fed76f
rgb(254,215,111)
-
#fedc83
#fedc83
rgb(254,220,131)
-
#fee296
#fee296
rgb(254,226,150)
-
#ffe7aa
#ffe7aa
rgb(255,231,170)
-
#ffedbd
#ffedbd
rgb(255,237,189)
-
#fff2d1
#fff2d1
rgb(255,242,209)
-
#fff7e4
#fff7e4
rgb(255,247,228)
-
#fffdf8
#fffdf8
rgb(255,253,248)
Tones of #fecc48
A tone is produced by adding gray to any pure hue. In this case, #a9a69d is the less saturated color, while #fecc48 is the most saturated one.
-
#a9a69d
#a9a69d
rgb(169,166,157)
-
#b0a996
#b0a996
rgb(176,169,150)
-
#b7ac8f
#b7ac8f
rgb(183,172,143)
-
#beaf88
#beaf88
rgb(190,175,136)
-
#c5b281
#c5b281
rgb(197,178,129)
-
#ccb67a
#ccb67a
rgb(204,182,122)
-
#d4b972
#d4b972
rgb(212,185,114)
-
#dbbc6b
#dbbc6b
rgb(219,188,107)
-
#e2bf64
#e2bf64
rgb(226,191,100)
-
#e9c25d
#e9c25d
rgb(233,194,93)
-
#f0c656
#f0c656
rgb(240,198,86)
-
#f7c94f
#f7c94f
rgb(247,201,79)
-
#fecc48
#fecc48
rgb(254,204,72)
Color Blindness Simulator
Below, you can see how #fecc48 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.