#fec02f Color Information
In a RGB color space, hex #fec02f is composed of 99.6% red, 75.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.4% magenta, 81.5% yellow and 0.4% black. It has a hue angle of 42 degrees, a saturation of 99% and a lightness of 59%. #fec02f color hex could be obtained by blending #ffff5e with #fd8100. Closest websafe color is: #ffcc33.
-
- R 100
- G 75
- B 18
-
- C 0
- M 24
- Y 81
- K 0
● #fec02f color description : Bright orange.
#fec02f Color Conversion
The hexadecimal color #fec02f has RGB values of R:254, G:192, B:47 and CMYK values of C:0, M:0.24, Y:0.81, K:0. Its decimal value is 16695343.
Hex triplet | fec02f | #fec02f |
---|---|---|
RGB Decimal | 254, 192, 47 | rgb(254,192,47) |
RGB Percent | 99.6, 75.3, 18.4 | rgb(99.6%,75.3%,18.4%) |
CMYK | 0, 24, 81, 0 | |
HSL | 42°, 99, 59 | hsl(42,99%,59%) |
HSV (or HSB) | 42°, 81.5, 99.6 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.28, 10.172, 74.857 |
---|---|
XYZ | 60.237, 58.979, 10.901 |
xyY | 0.463, 0.453, 58.979 |
CIE-LCH | 81.28, 75.545, 82.262 |
CIE-LUV | 81.28, 51.378, 78.85 |
Hunter-Lab | 76.798, 5.613, 45.343 |
Binary | 11111110, 11000000, 00101111 |
Color Schemes with #fec02f
Alternatives to #fec02f
Below, you can see some colors close to #fec02f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec02f Preview
This text has a font color of #fec02f.
<span style="color:#fec02f;">Text here</span>
This paragraph has a background color of #fec02f.
<p style="background-color:#fec02f;">Content here</p>
This element has a border color of #fec02f.
<div style="border:1px solid #fec02f;">Content here</div>
.text {color:#fec02f;}
.background {background-color:#fec02f;}
.border {border:1px solid #fec02f;}
Shades and Tints of #fec02f
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, #070500 is the darkest color, while #fffbf2 is the lightest one.
-
#070500
#070500
rgb(7,5,0)
-
#1a1200
#1a1200
rgb(26,18,0)
-
#2e2000
#2e2000
rgb(46,32,0)
-
#412e00
#412e00
rgb(65,46,0)
-
#553c00
#553c00
rgb(85,60,0)
-
#684901
#684901
rgb(104,73,1)
-
#7c5701
#7c5701
rgb(124,87,1)
-
#8f6501
#8f6501
rgb(143,101,1)
-
#a37201
#a37201
rgb(163,114,1)
-
#b68001
#b68001
rgb(182,128,1)
-
#ca8e01
#ca8e01
rgb(202,142,1)
-
#dd9b01
#dd9b01
rgb(221,155,1)
-
#f1a901
#f1a901
rgb(241,169,1)
-
#feb408
#feb408
rgb(254,180,8)
-
#feba1b
#feba1b
rgb(254,186,27)
-
#fec02f
#fec02f
rgb(254,192,47)
-
#fec643
#fec643
rgb(254,198,67)
-
#fecc56
#fecc56
rgb(254,204,86)
-
#fed26a
#fed26a
rgb(254,210,106)
-
#fed87d
#fed87d
rgb(254,216,125)
-
#fede91
#fede91
rgb(254,222,145)
-
#ffe3a4
#ffe3a4
rgb(255,227,164)
-
#ffe9b8
#ffe9b8
rgb(255,233,184)
-
#ffefcb
#ffefcb
rgb(255,239,203)
-
#fff5df
#fff5df
rgb(255,245,223)
-
#fffbf2
#fffbf2
rgb(255,251,242)
Tones of #fec02f
A tone is produced by adding gray to any pure hue. In this case, #9e998f is the less saturated color, while #fec02f is the most saturated one.
-
#9e998f
#9e998f
rgb(158,153,143)
-
#a69d87
#a69d87
rgb(166,157,135)
-
#aea07f
#aea07f
rgb(174,160,127)
-
#b6a377
#b6a377
rgb(182,163,119)
-
#bea66f
#bea66f
rgb(190,166,111)
-
#c6a967
#c6a967
rgb(198,169,103)
-
#cead5f
#cead5f
rgb(206,173,95)
-
#d6b057
#d6b057
rgb(214,176,87)
-
#deb34f
#deb34f
rgb(222,179,79)
-
#e6b647
#e6b647
rgb(230,182,71)
-
#eeba3f
#eeba3f
rgb(238,186,63)
-
#f6bd37
#f6bd37
rgb(246,189,55)
-
#fec02f
#fec02f
rgb(254,192,47)
Color Blindness Simulator
Below, you can see how #fec02f 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.