#fec230 Color Information
In a RGB color space, hex #fec230 is composed of 99.6% red, 76.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.6% magenta, 81.1% yellow and 0.4% black. It has a hue angle of 42.5 degrees, a saturation of 99% and a lightness of 59.2%. #fec230 color hex could be obtained by blending #ffff60 with #fd8500. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 19
-
- C 0
- M 24
- Y 81
- K 0
● #fec230 color description : Bright orange.
#fec230 Color Conversion
The hexadecimal color #fec230 has RGB values of R:254, G:194, B:48 and CMYK values of C:0, M:0.24, Y:0.81, K:0. Its decimal value is 16695856.
Hex triplet | fec230 | #fec230 |
---|---|---|
RGB Decimal | 254, 194, 48 | rgb(254,194,48) |
RGB Percent | 99.6, 76.1, 18.8 | rgb(99.6%,76.1%,18.8%) |
CMYK | 0, 24, 81, 0 | |
HSL | 42.5°, 99, 59.2 | hsl(42.5,99%,59.2%) |
HSV (or HSB) | 42.5°, 81.1, 99.6 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.768, 9.164, 74.981 |
---|---|
XYZ | 60.699, 59.871, 11.155 |
xyY | 0.461, 0.455, 59.871 |
CIE-LCH | 81.768, 75.539, 83.032 |
CIE-LUV | 81.768, 49.81, 79.428 |
Hunter-Lab | 77.376, 4.619, 45.616 |
Binary | 11111110, 11000010, 00110000 |
Color Schemes with #fec230
Alternatives to #fec230
Below, you can see some colors close to #fec230. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec230 Preview
This text has a font color of #fec230.
<span style="color:#fec230;">Text here</span>
This paragraph has a background color of #fec230.
<p style="background-color:#fec230;">Content here</p>
This element has a border color of #fec230.
<div style="border:1px solid #fec230;">Content here</div>
.text {color:#fec230;}
.background {background-color:#fec230;}
.border {border:1px solid #fec230;}
Shades and Tints of #fec230
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, #080500 is the darkest color, while #fffcf3 is the lightest one.
-
#080500
#080500
rgb(8,5,0)
-
#1b1300
#1b1300
rgb(27,19,0)
-
#2f2100
#2f2100
rgb(47,33,0)
-
#422f00
#422f00
rgb(66,47,0)
-
#563d00
#563d00
rgb(86,61,0)
-
#694b01
#694b01
rgb(105,75,1)
-
#7d5901
#7d5901
rgb(125,89,1)
-
#906701
#906701
rgb(144,103,1)
-
#a47401
#a47401
rgb(164,116,1)
-
#b78201
#b78201
rgb(183,130,1)
-
#cb9001
#cb9001
rgb(203,144,1)
-
#de9e01
#de9e01
rgb(222,158,1)
-
#f2ac01
#f2ac01
rgb(242,172,1)
-
#feb609
#feb609
rgb(254,182,9)
-
#febc1c
#febc1c
rgb(254,188,28)
-
#fec230
#fec230
rgb(254,194,48)
-
#fec844
#fec844
rgb(254,200,68)
-
#fece57
#fece57
rgb(254,206,87)
-
#fed36b
#fed36b
rgb(254,211,107)
-
#fed97e
#fed97e
rgb(254,217,126)
-
#fedf92
#fedf92
rgb(254,223,146)
-
#ffe5a5
#ffe5a5
rgb(255,229,165)
-
#ffeab9
#ffeab9
rgb(255,234,185)
-
#fff0cc
#fff0cc
rgb(255,240,204)
-
#fff6e0
#fff6e0
rgb(255,246,224)
-
#fffcf3
#fffcf3
rgb(255,252,243)
Tones of #fec230
A tone is produced by adding gray to any pure hue. In this case, #9e9a90 is the less saturated color, while #fec230 is the most saturated one.
-
#9e9a90
#9e9a90
rgb(158,154,144)
-
#a69d88
#a69d88
rgb(166,157,136)
-
#aea180
#aea180
rgb(174,161,128)
-
#b6a478
#b6a478
rgb(182,164,120)
-
#bea770
#bea770
rgb(190,167,112)
-
#c6ab68
#c6ab68
rgb(198,171,104)
-
#ceae60
#ceae60
rgb(206,174,96)
-
#d6b158
#d6b158
rgb(214,177,88)
-
#deb550
#deb550
rgb(222,181,80)
-
#e6b848
#e6b848
rgb(230,184,72)
-
#eebb40
#eebb40
rgb(238,187,64)
-
#f6bf38
#f6bf38
rgb(246,191,56)
-
#fec230
#fec230
rgb(254,194,48)
Color Blindness Simulator
Below, you can see how #fec230 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.