#fec229 Color Information
In a RGB color space, hex #fec229 is composed of 99.6% red, 76.1% green and 16.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.6% magenta, 83.9% yellow and 0.4% black. It has a hue angle of 43.1 degrees, a saturation of 99.1% and a lightness of 57.8%. #fec229 color hex could be obtained by blending #ffff52 with #fd8500. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 16
-
- C 0
- M 24
- Y 84
- K 0
● #fec229 color description : Bright orange.
#fec229 Color Conversion
The hexadecimal color #fec229 has RGB values of R:254, G:194, B:41 and CMYK values of C:0, M:0.24, Y:0.84, K:0. Its decimal value is 16695849.
| Hex triplet | fec229 | #fec229 |
|---|---|---|
| RGB Decimal | 254, 194, 41 | rgb(254,194,41) |
| RGB Percent | 99.6, 76.1, 16.1 | rgb(99.6%,76.1%,16.1%) |
| CMYK | 0, 24, 84, 0 | |
| HSL | 43.1°, 99.1, 57.8 | hsl(43.1,99.1%,57.8%) |
| HSV (or HSB) | 43.1°, 83.9, 99.6 | |
| Web Safe | ffcc33 | #ffcc33 |
| CIE-LAB | 81.739, 8.974, 76.936 |
|---|---|
| XYZ | 60.566, 59.818, 10.454 |
| xyY | 0.463, 0.457, 59.818 |
| CIE-LCH | 81.739, 77.457, 83.347 |
| CIE-LUV | 81.739, 50.019, 80.657 |
| Hunter-Lab | 77.342, 4.434, 46.126 |
| Binary | 11111110, 11000010, 00101001 |
Color Schemes with #fec229
Alternatives to #fec229
Below, you can see some colors close to #fec229. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec229 Preview
This text has a font color of #fec229.
<span style="color:#fec229;">Text here</span>
This paragraph has a background color of #fec229.
<p style="background-color:#fec229;">Content here</p>
This element has a border color of #fec229.
<div style="border:1px solid #fec229;">Content here</div>
.text {color:#fec229;}
.background {background-color:#fec229;}
.border {border:1px solid #fec229;}
Shades and Tints of #fec229
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, #010100 is the darkest color, while #fffaec is the lightest one.
-
#010100
#010100rgb(1,1,0) -
#140f00
#140f00rgb(20,15,0) -
#281d00
#281d00rgb(40,29,0) -
#3b2b00
#3b2b00rgb(59,43,0) -
#4f3900
#4f3900rgb(79,57,0) -
#624700
#624700rgb(98,71,0) -
#765501
#765501rgb(118,85,1) -
#896301
#896301rgb(137,99,1) -
#9d7101
#9d7101rgb(157,113,1) -
#b07f01
#b07f01rgb(176,127,1) -
#c48d01
#c48d01rgb(196,141,1) -
#d89b01
#d89b01rgb(216,155,1) -
#eba901
#eba901rgb(235,169,1)
-
#feb702
#feb702rgb(254,183,2) -
#febc15
#febc15rgb(254,188,21) -
#fec229
#fec229rgb(254,194,41) -
#fec83d
#fec83drgb(254,200,61) -
#fecd50
#fecd50rgb(254,205,80) -
#fed364
#fed364rgb(254,211,100) -
#fed877
#fed877rgb(254,216,119) -
#fede8b
#fede8brgb(254,222,139) -
#ffe39e
#ffe39ergb(255,227,158) -
#ffe9b2
#ffe9b2rgb(255,233,178) -
#ffefc5
#ffefc5rgb(255,239,197) -
#fff4d9
#fff4d9rgb(255,244,217) -
#fffaec
#fffaecrgb(255,250,236)
Tones of #fec229
A tone is produced by adding gray to any pure hue. In this case, #9b978c is the less saturated color, while #fec229 is the most saturated one.
-
#9b978c
#9b978crgb(155,151,140) -
#a39a84
#a39a84rgb(163,154,132) -
#ab9e7c
#ab9e7crgb(171,158,124) -
#b4a273
#b4a273rgb(180,162,115) -
#bca56b
#bca56brgb(188,165,107) -
#c4a963
#c4a963rgb(196,169,99) -
#ccac5b
#ccac5brgb(204,172,91) -
#d5b052
#d5b052rgb(213,176,82) -
#ddb44a
#ddb44argb(221,180,74) -
#e5b742
#e5b742rgb(229,183,66) -
#edbb3a
#edbb3argb(237,187,58) -
#f6be31
#f6be31rgb(246,190,49) -
#fec229
#fec229rgb(254,194,41)
Color Blindness Simulator
Below, you can see how #fec229 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.
