#fe7c12 hex color

In a RGB color space, hex #fe7c12 is composed of 99.6% red, 48.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.2% magenta, 92.9% yellow and 0.4% black. It has a hue angle of 26.9 degrees, a saturation of 99.2% and a lightness of 53.3%. #fe7c12 color hex could be obtained by blending #fff824 with #fd0000. Closest websafe color is: #ff6600.

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

● #fe7c12 color description : Vivid orange.

The hexadecimal color #fe7c12 has RGB values of R:254, G:124, B:18 and CMYK values of C:0, M:0.51, Y:0.93, K:0. Its decimal value is 16677906.

Hex triplet	fe7c12	`#fe7c12`
RGB Decimal	254, 124, 18	`rgb(254,124,18)`
RGB Percent	99.6, 48.6, 7.1	`rgb(99.6%,48.6%,7.1%)`
CMYK	0, 51, 93, 0
HSL	26.9°, 99.2, 53.3	`hsl(26.9,99.2%,53.3%)`
HSV (or HSB)	26.9°, 92.9, 99.6
Web Safe	ff6600	`#ff6600`

CIE-LAB	66.163, 44.552, 70.553
XYZ	48.192, 35.535, 4.893
xyY	0.544, 0.401, 35.535
CIE-LCH	66.163, 83.442, 57.729
CIE-LUV	66.163, 108.078, 58.796
Hunter-Lab	59.611, 39.988, 36.861
Binary	11111110, 01111100, 00010010

#fe7c12
```
#fe7c12 rgb(254,124,18)
```
#1294fe
```
#1294fe rgb(18,148,254)
```

Complementary Color

#fe121e
```
#fe121e rgb(254,18,30)
```
#fe7c12
```
#fe7c12 rgb(254,124,18)
```
#fef212
```
#fef212 rgb(254,242,18)
```

Analogous Color

#121efe
```
#121efe rgb(18,30,254)
```
#fe7c12
```
#fe7c12 rgb(254,124,18)
```
#12fef2
```
#12fef2 rgb(18,254,242)
```

Split Complementary Color

#7c12fe
```
#7c12fe rgb(124,18,254)
```
#fe7c12
```
#fe7c12 rgb(254,124,18)
```
#12fe7c
```
#12fe7c rgb(18,254,124)
```

Triadic Color

#fe1294
```
#fe1294 rgb(254,18,148)
```
#fe7c12
```
#fe7c12 rgb(254,124,18)
```
#12fe7c
```
#12fe7c rgb(18,254,124)
```
#1294fe
```
#1294fe rgb(18,148,254)
```

Tetradic Color

#c35801
```
#c35801 rgb(195,88,1)
```
#dc6301
```
#dc6301 rgb(220,99,1)
```
#f56f01
```
#f56f01 rgb(245,111,1)
```
#fe7c12
```
#fe7c12 rgb(254,124,18)
```
#fe8a2b
```
#fe8a2b rgb(254,138,43)
```
#fe9845
```
#fe9845 rgb(254,152,69)
```
#fea65e
```
#fea65e rgb(254,166,94)
```

Monochromatic Color

Below, you can see some colors close to #fe7c12. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#fe4112
```
#fe4112 rgb(254,65,18)
```
#fe5512
```
#fe5512 rgb(254,85,18)
```
#fe6812
```
#fe6812 rgb(254,104,18)
```
#fe7c12
```
#fe7c12 rgb(254,124,18)
```
#fe9012
```
#fe9012 rgb(254,144,18)
```
#fea312
```
#fea312 rgb(254,163,18)
```
#feb712
```
#feb712 rgb(254,183,18)
```

Similar Colors

Text with hexadecimal color #fe7c12

This text has a font color of #fe7c12.

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

#fe7c12 background color

This paragraph has a background color of #fe7c12.

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

#fe7c12 border color

This element has a border color of #fe7c12.

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

CSS codes

.text {color:#fe7c12;}

.background {background-color:#fe7c12;}

.border {border:1px solid #fe7c12;}

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, #110800 is the darkest color, while #fffefc is the lightest one.

#110800
```
#110800 rgb(17,8,0)
```
#241000
```
#241000 rgb(36,16,0)
```
#381900
```
#381900 rgb(56,25,0)
```
#4c2200
```
#4c2200 rgb(76,34,0)
```
#5f2b00
```
#5f2b00 rgb(95,43,0)
```
#733400
```
#733400 rgb(115,52,0)
```
#863d01
```
#863d01 rgb(134,61,1)
```
#9a4501
```
#9a4501 rgb(154,69,1)
```
#ad4e01
```
#ad4e01 rgb(173,78,1)
```
#c15701
```
#c15701 rgb(193,87,1)
```
#d46001
```
#d46001 rgb(212,96,1)
```
#e86901
```
#e86901 rgb(232,105,1)
```
#fb7101
```
#fb7101 rgb(251,113,1)
```

Shade Color Variation

#fe7c12
```
#fe7c12 rgb(254,124,18)
```
#fe8726
```
#fe8726 rgb(254,135,38)
```
#fe9239
```
#fe9239 rgb(254,146,57)
```
#fe9c4d
```
#fe9c4d rgb(254,156,77)
```
#fea760
```
#fea760 rgb(254,167,96)
```
#feb274
```
#feb274 rgb(254,178,116)
```
#febd87
```
#febd87 rgb(254,189,135)
```
#ffc89b
```
#ffc89b rgb(255,200,155)
```
#ffd2ae
```
#ffd2ae rgb(255,210,174)
```
#ffddc2
```
#ffddc2 rgb(255,221,194)
```
#ffe8d5
```
#ffe8d5 rgb(255,232,213)
```
#fff3e9
```
#fff3e9 rgb(255,243,233)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #908780 is the less saturated color, while #fe7c12 is the most saturated one.

#908780
```
#908780 rgb(144,135,128)
```
#998677
```
#998677 rgb(153,134,119)
```
#a2856e
```
#a2856e rgb(162,133,110)
```
#ac8464
```
#ac8464 rgb(172,132,100)
```
#b5835b
```
#b5835b rgb(181,131,91)
```
#be8352
```
#be8352 rgb(190,131,82)
```
#c78249
```
#c78249 rgb(199,130,73)
```
#d08140
```
#d08140 rgb(208,129,64)
```
#d98037
```
#d98037 rgb(217,128,55)
```
#e37f2d
```
#e37f2d rgb(227,127,45)
```
#ec7e24
```
#ec7e24 rgb(236,126,36)
```
#f57d1b
```
#f57d1b rgb(245,125,27)
```
#fe7c12
```
#fe7c12 rgb(254,124,18)
```

Tone Color Variation

Below, you can see how #fe7c12 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

#979797 Achromatopsia 0.005% of the population
#ac927c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a628 Protanopia 1% of men
#cf9d00 Deuteranopia 1% of men
#ff7c83 Tritanopia 0.001% of the population

Trichromacy

#d29620 Protanomaly 1% of men, 0.01% of women
#e09106 Deuteranomaly 6% of men, 0.4% of women
#fe7c5a Tritanomaly 0.01% of the population

#fe7c12 hex color

#fe7c12 Color Information

#fe7c12 Color Conversion

Color Schemes with #fe7c12

Alternatives to #fe7c12

#fe7c12 Preview

Shades and Tints of #fe7c12

Tones of #fe7c12

Color Blindness Simulator