#fec228 Color Information
In a RGB color space, hex #fec228 is composed of 99.6% red, 76.1% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.6% magenta, 84.3% yellow and 0.4% black. It has a hue angle of 43.2 degrees, a saturation of 99.1% and a lightness of 57.6%. #fec228 color hex could be obtained by blending #ffff50 with #fd8500. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 16
-
- C 0
- M 24
- Y 84
- K 0
● #fec228 color description : Bright orange.
#fec228 Color Conversion
The hexadecimal color #fec228 has RGB values of R:254, G:194, B:40 and CMYK values of C:0, M:0.24, Y:0.84, K:0. Its decimal value is 16695848.
Hex triplet | fec228 | #fec228 |
---|---|---|
RGB Decimal | 254, 194, 40 | rgb(254,194,40) |
RGB Percent | 99.6, 76.1, 15.7 | rgb(99.6%,76.1%,15.7%) |
CMYK | 0, 24, 84, 0 | |
HSL | 43.2°, 99.1, 57.6 | hsl(43.2,99.1%,57.6%) |
HSV (or HSB) | 43.2°, 84.3, 99.6 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.735, 8.95, 77.195 |
---|---|
XYZ | 60.549, 59.811, 10.363 |
xyY | 0.463, 0.458, 59.811 |
CIE-LCH | 81.735, 77.712, 83.387 |
CIE-LUV | 81.735, 50.046, 80.816 |
Hunter-Lab | 77.337, 4.411, 46.192 |
Binary | 11111110, 11000010, 00101000 |
Color Schemes with #fec228
Alternatives to #fec228
Below, you can see some colors close to #fec228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec228 Preview
This text has a font color of #fec228.
<span style="color:#fec228;">Text here</span>
This paragraph has a background color of #fec228.
<p style="background-color:#fec228;">Content here</p>
This element has a border color of #fec228.
<div style="border:1px solid #fec228;">Content here</div>
.text {color:#fec228;}
.background {background-color:#fec228;}
.border {border:1px solid #fec228;}
Shades and Tints of #fec228
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, #130e00 is the darkest color, while #ffffff is the lightest one.
-
#130e00
#130e00
rgb(19,14,0)
-
#271c00
#271c00
rgb(39,28,0)
-
#3a2a00
#3a2a00
rgb(58,42,0)
-
#4e3800
#4e3800
rgb(78,56,0)
-
#614600
#614600
rgb(97,70,0)
-
#755401
#755401
rgb(117,84,1)
-
#886201
#886201
rgb(136,98,1)
-
#9c7001
#9c7001
rgb(156,112,1)
-
#af7f01
#af7f01
rgb(175,127,1)
-
#c38d01
#c38d01
rgb(195,141,1)
-
#d79b01
#d79b01
rgb(215,155,1)
-
#eaa901
#eaa901
rgb(234,169,1)
-
#feb701
#feb701
rgb(254,183,1)
-
#febc14
#febc14
rgb(254,188,20)
-
#fec228
#fec228
rgb(254,194,40)
-
#fec83c
#fec83c
rgb(254,200,60)
-
#fecd4f
#fecd4f
rgb(254,205,79)
-
#fed363
#fed363
rgb(254,211,99)
-
#fed876
#fed876
rgb(254,216,118)
-
#fede8a
#fede8a
rgb(254,222,138)
-
#ffe39d
#ffe39d
rgb(255,227,157)
-
#ffe9b1
#ffe9b1
rgb(255,233,177)
-
#ffeec4
#ffeec4
rgb(255,238,196)
-
#fff4d8
#fff4d8
rgb(255,244,216)
-
#fff9eb
#fff9eb
rgb(255,249,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #fec228
A tone is produced by adding gray to any pure hue. In this case, #9a968c is the less saturated color, while #fec228 is the most saturated one.
-
#9a968c
#9a968c
rgb(154,150,140)
-
#a39a83
#a39a83
rgb(163,154,131)
-
#ab9e7b
#ab9e7b
rgb(171,158,123)
-
#b3a173
#b3a173
rgb(179,161,115)
-
#bca56a
#bca56a
rgb(188,165,106)
-
#c4a862
#c4a862
rgb(196,168,98)
-
#ccac5a
#ccac5a
rgb(204,172,90)
-
#d4b052
#d4b052
rgb(212,176,82)
-
#ddb349
#ddb349
rgb(221,179,73)
-
#e5b741
#e5b741
rgb(229,183,65)
-
#edbb39
#edbb39
rgb(237,187,57)
-
#f6be30
#f6be30
rgb(246,190,48)
-
#fec228
#fec228
rgb(254,194,40)
Color Blindness Simulator
Below, you can see how #fec228 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.