#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
#070500rgb(7,5,0) -
#1a1200
#1a1200rgb(26,18,0) -
#2e2000
#2e2000rgb(46,32,0) -
#412e00
#412e00rgb(65,46,0) -
#553c00
#553c00rgb(85,60,0) -
#684901
#684901rgb(104,73,1) -
#7c5701
#7c5701rgb(124,87,1) -
#8f6501
#8f6501rgb(143,101,1) -
#a37201
#a37201rgb(163,114,1) -
#b68001
#b68001rgb(182,128,1) -
#ca8e01
#ca8e01rgb(202,142,1) -
#dd9b01
#dd9b01rgb(221,155,1) -
#f1a901
#f1a901rgb(241,169,1)
-
#feb408
#feb408rgb(254,180,8) -
#feba1b
#feba1brgb(254,186,27) -
#fec02f
#fec02frgb(254,192,47) -
#fec643
#fec643rgb(254,198,67) -
#fecc56
#fecc56rgb(254,204,86) -
#fed26a
#fed26argb(254,210,106) -
#fed87d
#fed87drgb(254,216,125) -
#fede91
#fede91rgb(254,222,145) -
#ffe3a4
#ffe3a4rgb(255,227,164) -
#ffe9b8
#ffe9b8rgb(255,233,184) -
#ffefcb
#ffefcbrgb(255,239,203) -
#fff5df
#fff5dfrgb(255,245,223) -
#fffbf2
#fffbf2rgb(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
#9e998frgb(158,153,143) -
#a69d87
#a69d87rgb(166,157,135) -
#aea07f
#aea07frgb(174,160,127) -
#b6a377
#b6a377rgb(182,163,119) -
#bea66f
#bea66frgb(190,166,111) -
#c6a967
#c6a967rgb(198,169,103) -
#cead5f
#cead5frgb(206,173,95) -
#d6b057
#d6b057rgb(214,176,87) -
#deb34f
#deb34frgb(222,179,79) -
#e6b647
#e6b647rgb(230,182,71) -
#eeba3f
#eeba3frgb(238,186,63) -
#f6bd37
#f6bd37rgb(246,189,55) -
#fec02f
#fec02frgb(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.
