#fec333 Color Information
In a RGB color space, hex #fec333 is composed of 99.6% red, 76.5% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 79.9% yellow and 0.4% black. It has a hue angle of 42.6 degrees, a saturation of 99% and a lightness of 59.8%. #fec333 color hex could be obtained by blending #ffff66 with #fd8700. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 20
-
- C 0
- M 23
- Y 80
- K 0
● #fec333 color description : Bright orange.
#fec333 Color Conversion
The hexadecimal color #fec333 has RGB values of R:254, G:195, B:51 and CMYK values of C:0, M:0.23, Y:0.8, K:0. Its decimal value is 16696115.
Hex triplet | fec333 | #fec333 |
---|---|---|
RGB Decimal | 254, 195, 51 | rgb(254,195,51) |
RGB Percent | 99.6, 76.5, 20 | rgb(99.6%,76.5%,20%) |
CMYK | 0, 23, 80, 0 | |
HSL | 42.6°, 99, 59.8 | hsl(42.6,99%,59.8%) |
HSV (or HSB) | 42.6°, 79.9, 99.6 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 82.024, 8.738, 74.285 |
---|---|
XYZ | 60.987, 60.343, 11.567 |
xyY | 0.459, 0.454, 60.343 |
CIE-LCH | 82.024, 74.798, 83.292 |
CIE-LUV | 82.024, 48.948, 79.226 |
Hunter-Lab | 77.681, 4.198, 45.548 |
Binary | 11111110, 11000011, 00110011 |
Color Schemes with #fec333
Alternatives to #fec333
Below, you can see some colors close to #fec333. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec333 Preview
This text has a font color of #fec333.
<span style="color:#fec333;">Text here</span>
This paragraph has a background color of #fec333.
<p style="background-color:#fec333;">Content here</p>
This element has a border color of #fec333.
<div style="border:1px solid #fec333;">Content here</div>
.text {color:#fec333;}
.background {background-color:#fec333;}
.border {border:1px solid #fec333;}
Shades and Tints of #fec333
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)
-
#6c4d01
#6c4d01
rgb(108,77,1)
-
#805b01
#805b01
rgb(128,91,1)
-
#936901
#936901
rgb(147,105,1)
-
#a77701
#a77701
rgb(167,119,1)
-
#ba8401
#ba8401
rgb(186,132,1)
-
#ce9201
#ce9201
rgb(206,146,1)
-
#e1a001
#e1a001
rgb(225,160,1)
-
#f5ae01
#f5ae01
rgb(245,174,1)
-
#feb80c
#feb80c
rgb(254,184,12)
-
#febd1f
#febd1f
rgb(254,189,31)
-
#fec333
#fec333
rgb(254,195,51)
-
#fec947
#fec947
rgb(254,201,71)
-
#fece5a
#fece5a
rgb(254,206,90)
-
#fed46e
#fed46e
rgb(254,212,110)
-
#feda81
#feda81
rgb(254,218,129)
-
#fee095
#fee095
rgb(254,224,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 #fec333
A tone is produced by adding gray to any pure hue. In this case, #9f9b92 is the less saturated color, while #fec333 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)
-
#bfa972
#bfa972
rgb(191,169,114)
-
#c7ac6a
#c7ac6a
rgb(199,172,106)
-
#cfaf62
#cfaf62
rgb(207,175,98)
-
#d7b25a
#d7b25a
rgb(215,178,90)
-
#deb653
#deb653
rgb(222,182,83)
-
#e6b94b
#e6b94b
rgb(230,185,75)
-
#eebc43
#eebc43
rgb(238,188,67)
-
#f6c03b
#f6c03b
rgb(246,192,59)
-
#fec333
#fec333
rgb(254,195,51)
Color Blindness Simulator
Below, you can see how #fec333 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.