#fec336 Color Information
In a RGB color space, hex #fec336 is composed of 99.6% red, 76.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 78.7% yellow and 0.4% black. It has a hue angle of 42.3 degrees, a saturation of 99% and a lightness of 60.4%. #fec336 color hex could be obtained by blending #ffff6c with #fd8700. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 21
-
- C 0
- M 23
- Y 79
- K 0
● #fec336 color description : Bright orange.
#fec336 Color Conversion
The hexadecimal color #fec336 has RGB values of R:254, G:195, B:54 and CMYK values of C:0, M:0.23, Y:0.79, K:0. Its decimal value is 16696118.
Hex triplet | fec336 | #fec336 |
---|---|---|
RGB Decimal | 254, 195, 54 | rgb(254,195,54) |
RGB Percent | 99.6, 76.5, 21.2 | rgb(99.6%,76.5%,21.2%) |
CMYK | 0, 23, 79, 0 | |
HSL | 42.3°, 99, 60.4 | hsl(42.3,99%,60.4%) |
HSV (or HSB) | 42.3°, 78.7, 99.6 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 82.039, 8.835, 73.339 |
---|---|
XYZ | 61.055, 60.371, 11.927 |
xyY | 0.458, 0.453, 60.371 |
CIE-LCH | 82.039, 73.869, 83.131 |
CIE-LUV | 82.039, 48.843, 78.603 |
Hunter-Lab | 77.699, 4.292, 45.288 |
Binary | 11111110, 11000011, 00110110 |
Color Schemes with #fec336
Alternatives to #fec336
Below, you can see some colors close to #fec336. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec336 Preview
This text has a font color of #fec336.
<span style="color:#fec336;">Text here</span>
This paragraph has a background color of #fec336.
<p style="background-color:#fec336;">Content here</p>
This element has a border color of #fec336.
<div style="border:1px solid #fec336;">Content here</div>
.text {color:#fec336;}
.background {background-color:#fec336;}
.border {border:1px solid #fec336;}
Shades and Tints of #fec336
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, #0e0a00 is the darkest color, while #fffdf9 is the lightest one.
-
#0e0a00
#0e0a00
rgb(14,10,0)
-
#211700
#211700
rgb(33,23,0)
-
#352500
#352500
rgb(53,37,0)
-
#483300
#483300
rgb(72,51,0)
-
#5c4100
#5c4100
rgb(92,65,0)
-
#6f4f01
#6f4f01
rgb(111,79,1)
-
#835c01
#835c01
rgb(131,92,1)
-
#966a01
#966a01
rgb(150,106,1)
-
#aa7801
#aa7801
rgb(170,120,1)
-
#bd8601
#bd8601
rgb(189,134,1)
-
#d19401
#d19401
rgb(209,148,1)
-
#e4a101
#e4a101
rgb(228,161,1)
-
#f8af01
#f8af01
rgb(248,175,1)
-
#feb70f
#feb70f
rgb(254,183,15)
-
#febd22
#febd22
rgb(254,189,34)
-
#fec336
#fec336
rgb(254,195,54)
-
#fec94a
#fec94a
rgb(254,201,74)
-
#fecf5d
#fecf5d
rgb(254,207,93)
-
#fed471
#fed471
rgb(254,212,113)
-
#feda84
#feda84
rgb(254,218,132)
-
#fee098
#fee098
rgb(254,224,152)
-
#ffe6ab
#ffe6ab
rgb(255,230,171)
-
#ffecbf
#ffecbf
rgb(255,236,191)
-
#fff2d2
#fff2d2
rgb(255,242,210)
-
#fff7e6
#fff7e6
rgb(255,247,230)
-
#fffdf9
#fffdf9
rgb(255,253,249)
Tones of #fec336
A tone is produced by adding gray to any pure hue. In this case, #a19d93 is the less saturated color, while #fec336 is the most saturated one.
-
#a19d93
#a19d93
rgb(161,157,147)
-
#a9a08b
#a9a08b
rgb(169,160,139)
-
#b0a384
#b0a384
rgb(176,163,132)
-
#b8a67c
#b8a67c
rgb(184,166,124)
-
#c0aa74
#c0aa74
rgb(192,170,116)
-
#c8ad6c
#c8ad6c
rgb(200,173,108)
-
#cfb065
#cfb065
rgb(207,176,101)
-
#d7b35d
#d7b35d
rgb(215,179,93)
-
#dfb655
#dfb655
rgb(223,182,85)
-
#e7b94d
#e7b94d
rgb(231,185,77)
-
#eebd46
#eebd46
rgb(238,189,70)
-
#f6c03e
#f6c03e
rgb(246,192,62)
-
#fec336
#fec336
rgb(254,195,54)
Color Blindness Simulator
Below, you can see how #fec336 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.