#fec312 Color Information
In a RGB color space, hex #fec312 is composed of 99.6% red, 76.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 92.9% yellow and 0.4% black. It has a hue angle of 45 degrees, a saturation of 99.2% and a lightness of 53.3%. #fec312 color hex could be obtained by blending #ffff24 with #fd8700. Closest websafe color is: #ffcc00.
-
- R 100
- G 76
- B 7
-
- C 0
- M 23
- Y 93
- K 0
● #fec312 color description : Vivid yellow.
#fec312 Color Conversion
The hexadecimal color #fec312 has RGB values of R:254, G:195, B:18 and CMYK values of C:0, M:0.23, Y:0.93, K:0. Its decimal value is 16696082.
Hex triplet | fec312 | #fec312 |
---|---|---|
RGB Decimal | 254, 195, 18 | rgb(254,195,18) |
RGB Percent | 99.6, 76.5, 7.1 | rgb(99.6%,76.5%,7.1%) |
CMYK | 0, 23, 93, 0 | |
HSL | 45°, 99.2, 53.3 | hsl(45,99.2%,53.3%) |
HSV (or HSB) | 45°, 92.9, 99.6 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 81.919, 8.04, 81.718 |
---|---|
XYZ | 60.499, 60.148, 8.996 |
xyY | 0.467, 0.464, 60.148 |
CIE-LCH | 81.919, 82.113, 84.381 |
CIE-LUV | 81.919, 49.703, 83.733 |
Hunter-Lab | 77.555, 3.521, 47.412 |
Binary | 11111110, 11000011, 00010010 |
Color Schemes with #fec312
Alternatives to #fec312
Below, you can see some colors close to #fec312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec312 Preview
This text has a font color of #fec312.
<span style="color:#fec312;">Text here</span>
This paragraph has a background color of #fec312.
<p style="background-color:#fec312;">Content here</p>
This element has a border color of #fec312.
<div style="border:1px solid #fec312;">Content here</div>
.text {color:#fec312;}
.background {background-color:#fec312;}
.border {border:1px solid #fec312;}
Shades and Tints of #fec312
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, #110d00 is the darkest color, while #fffefc is the lightest one.
-
#110d00
#110d00
rgb(17,13,0)
-
#241b00
#241b00
rgb(36,27,0)
-
#382a00
#382a00
rgb(56,42,0)
-
#4c3900
#4c3900
rgb(76,57,0)
-
#5f4700
#5f4700
rgb(95,71,0)
-
#735600
#735600
rgb(115,86,0)
-
#866501
#866501
rgb(134,101,1)
-
#9a7301
#9a7301
rgb(154,115,1)
-
#ad8201
#ad8201
rgb(173,130,1)
-
#c19101
#c19101
rgb(193,145,1)
-
#d49f01
#d49f01
rgb(212,159,1)
-
#e8ae01
#e8ae01
rgb(232,174,1)
-
#fbbd01
#fbbd01
rgb(251,189,1)
-
#fec312
#fec312
rgb(254,195,18)
-
#fec826
#fec826
rgb(254,200,38)
-
#fecd39
#fecd39
rgb(254,205,57)
-
#fed24d
#fed24d
rgb(254,210,77)
-
#fed760
#fed760
rgb(254,215,96)
-
#fedc74
#fedc74
rgb(254,220,116)
-
#fee187
#fee187
rgb(254,225,135)
-
#ffe69b
#ffe69b
rgb(255,230,155)
-
#ffebae
#ffebae
rgb(255,235,174)
-
#fff0c2
#fff0c2
rgb(255,240,194)
-
#fff4d5
#fff4d5
rgb(255,244,213)
-
#fff9e9
#fff9e9
rgb(255,249,233)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #fec312
A tone is produced by adding gray to any pure hue. In this case, #908c80 is the less saturated color, while #fec312 is the most saturated one.
-
#908c80
#908c80
rgb(144,140,128)
-
#999177
#999177
rgb(153,145,119)
-
#a2956e
#a2956e
rgb(162,149,110)
-
#ac9a64
#ac9a64
rgb(172,154,100)
-
#b59e5b
#b59e5b
rgb(181,158,91)
-
#bea352
#bea352
rgb(190,163,82)
-
#c7a849
#c7a849
rgb(199,168,73)
-
#d0ac40
#d0ac40
rgb(208,172,64)
-
#d9b137
#d9b137
rgb(217,177,55)
-
#e3b52d
#e3b52d
rgb(227,181,45)
-
#ecba24
#ecba24
rgb(236,186,36)
-
#f5be1b
#f5be1b
rgb(245,190,27)
-
#fec312
#fec312
rgb(254,195,18)
Color Blindness Simulator
Below, you can see how #fec312 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.