#fec233 Color Information
In a RGB color space, hex #fec233 is composed of 99.6% red, 76.1% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.6% magenta, 79.9% yellow and 0.4% black. It has a hue angle of 42.3 degrees, a saturation of 99% and a lightness of 59.8%. #fec233 color hex could be obtained by blending #ffff66 with #fd8500. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 20
-
- C 0
- M 24
- Y 80
- K 0
● #fec233 color description : Bright orange.
#fec233 Color Conversion
The hexadecimal color #fec233 has RGB values of R:254, G:194, B:51 and CMYK values of C:0, M:0.24, Y:0.8, K:0. Its decimal value is 16695859.
Hex triplet | fec233 | #fec233 |
---|---|---|
RGB Decimal | 254, 194, 51 | rgb(254,194,51) |
RGB Percent | 99.6, 76.1, 20 | rgb(99.6%,76.1%,20%) |
CMYK | 0, 24, 80, 0 | |
HSL | 42.3°, 99, 59.8 | hsl(42.3,99%,59.8%) |
HSV (or HSB) | 42.3°, 79.9, 99.6 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.782, 9.256, 74.071 |
---|---|
XYZ | 60.764, 59.897, 11.493 |
xyY | 0.46, 0.453, 59.897 |
CIE-LCH | 81.782, 74.647, 82.877 |
CIE-LUV | 81.782, 49.711, 78.84 |
Hunter-Lab | 77.393, 4.708, 45.371 |
Binary | 11111110, 11000010, 00110011 |
Color Schemes with #fec233
Alternatives to #fec233
Below, you can see some colors close to #fec233. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec233 Preview
This text has a font color of #fec233.
<span style="color:#fec233;">Text here</span>
This paragraph has a background color of #fec233.
<p style="background-color:#fec233;">Content here</p>
This element has a border color of #fec233.
<div style="border:1px solid #fec233;">Content here</div>
.text {color:#fec233;}
.background {background-color:#fec233;}
.border {border:1px solid #fec233;}
Shades and Tints of #fec233
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, #0b0800 is the darkest color, while #fffcf6 is the lightest one.
-
#0b0800
#0b0800
rgb(11,8,0)
-
#1e1500
#1e1500
rgb(30,21,0)
-
#322300
#322300
rgb(50,35,0)
-
#453100
#453100
rgb(69,49,0)
-
#593f00
#593f00
rgb(89,63,0)
-
#6c4c01
#6c4c01
rgb(108,76,1)
-
#805a01
#805a01
rgb(128,90,1)
-
#936801
#936801
rgb(147,104,1)
-
#a77601
#a77601
rgb(167,118,1)
-
#ba8401
#ba8401
rgb(186,132,1)
-
#ce9101
#ce9101
rgb(206,145,1)
-
#e19f01
#e19f01
rgb(225,159,1)
-
#f5ad01
#f5ad01
rgb(245,173,1)
-
#feb60c
#feb60c
rgb(254,182,12)
-
#febc1f
#febc1f
rgb(254,188,31)
-
#fec233
#fec233
rgb(254,194,51)
-
#fec847
#fec847
rgb(254,200,71)
-
#fece5a
#fece5a
rgb(254,206,90)
-
#fed46e
#fed46e
rgb(254,212,110)
-
#fed981
#fed981
rgb(254,217,129)
-
#fedf95
#fedf95
rgb(254,223,149)
-
#ffe5a8
#ffe5a8
rgb(255,229,168)
-
#ffebbc
#ffebbc
rgb(255,235,188)
-
#fff1cf
#fff1cf
rgb(255,241,207)
-
#fff7e3
#fff7e3
rgb(255,247,227)
-
#fffcf6
#fffcf6
rgb(255,252,246)
Tones of #fec233
A tone is produced by adding gray to any pure hue. In this case, #9f9b92 is the less saturated color, while #fec233 is the most saturated one.
-
#9f9b92
#9f9b92
rgb(159,155,146)
-
#a79f8a
#a79f8a
rgb(167,159,138)
-
#afa282
#afa282
rgb(175,162,130)
-
#b7a57a
#b7a57a
rgb(183,165,122)
-
#bfa872
#bfa872
rgb(191,168,114)
-
#c7ab6a
#c7ab6a
rgb(199,171,106)
-
#cfaf62
#cfaf62
rgb(207,175,98)
-
#d7b25a
#d7b25a
rgb(215,178,90)
-
#deb553
#deb553
rgb(222,181,83)
-
#e6b84b
#e6b84b
rgb(230,184,75)
-
#eebc43
#eebc43
rgb(238,188,67)
-
#f6bf3b
#f6bf3b
rgb(246,191,59)
-
#fec233
#fec233
rgb(254,194,51)
Color Blindness Simulator
Below, you can see how #fec233 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.