#fec312 hex color

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.

♥
- f
- t
- g
- R 100
- G 76
- B 7
RGB color chart
- C 0
- M 23
- Y 93
- K 0
CMYK color chart

● #fec312 color description : Vivid yellow.

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

#fec312
```
#fec312 rgb(254,195,18)
```
#124dfe
```
#124dfe rgb(18,77,254)
```

Complementary Color

#fe4d12
```
#fe4d12 rgb(254,77,18)
```
#fec312
```
#fec312 rgb(254,195,18)
```
#c3fe12
```
#c3fe12 rgb(195,254,18)
```

Analogous Color

#4d12fe
```
#4d12fe rgb(77,18,254)
```
#fec312
```
#fec312 rgb(254,195,18)
```
#12c3fe
```
#12c3fe rgb(18,195,254)
```

Split Complementary Color

#c312fe
```
#c312fe rgb(195,18,254)
```
#fec312
```
#fec312 rgb(254,195,18)
```
#12fec3
```
#12fec3 rgb(18,254,195)
```

Triadic Color

#fe124d
```
#fe124d rgb(254,18,77)
```
#fec312
```
#fec312 rgb(254,195,18)
```
#12fec3
```
#12fec3 rgb(18,254,195)
```
#124dfe
```
#124dfe rgb(18,77,254)
```

Tetradic Color

#c39201
```
#c39201 rgb(195,146,1)
```
#dca501
```
#dca501 rgb(220,165,1)
```
#f5b801
```
#f5b801 rgb(245,184,1)
```
#fec312
```
#fec312 rgb(254,195,18)
```
#fec92b
```
#fec92b rgb(254,201,43)
```
#fed045
```
#fed045 rgb(254,208,69)
```
#fed65e
```
#fed65e rgb(254,214,94)
```

Monochromatic Color

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.

#fe8812
```
#fe8812 rgb(254,136,18)
```
#fe9c12
```
#fe9c12 rgb(254,156,18)
```
#feaf12
```
#feaf12 rgb(254,175,18)
```
#fec312
```
#fec312 rgb(254,195,18)
```
#fed712
```
#fed712 rgb(254,215,18)
```
#feea12
```
#feea12 rgb(254,234,18)
```
#fefe12
```
#fefe12 rgb(254,254,18)
```

Similar Colors

Text with hexadecimal color #fec312

This text has a font color of #fec312.

<span style="color:#fec312;">Text here</span>

#fec312 background color

This paragraph has a background color of #fec312.

<p style="background-color:#fec312;">Content here</p>

#fec312 border color

This element has a border color of #fec312.

<div style="border:1px solid #fec312;">Content here</div>

CSS codes

.text {color:#fec312;}

.background {background-color:#fec312;}

.border {border:1px solid #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)
```

Shade Color Variation

#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)
```

Tint Color Variation

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)
```

Tone Color Variation

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.

Monochromacy

#c0c0c0 Achromatopsia 0.005% of the population
#ccc19d Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7ce21 Protanopia 1% of men
#ffc547 Deuteranopia 1% of men
#ffbdc7 Tritanopia 0.001% of the population

Trichromacy

#efca1b Protanomaly 1% of men, 0.01% of women
#fec433 Deuteranomaly 6% of men, 0.4% of women
#febf85 Tritanomaly 0.01% of the population

#fec312 hex color

#fec312 Color Information

#fec312 Color Conversion

Color Schemes with #fec312

Alternatives to #fec312

#fec312 Preview

Shades and Tints of #fec312

Tones of #fec312

Color Blindness Simulator