#fd7e12 hex color

In a RGB color space, hex #fd7e12 is composed of 99.2% red, 49.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.2% magenta, 92.9% yellow and 0.8% black. It has a hue angle of 27.6 degrees, a saturation of 98.3% and a lightness of 53.1%. #fd7e12 color hex could be obtained by blending #fffc24 with #fb0000. Closest websafe color is: #ff6600.

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

● #fd7e12 color description : Vivid orange.

The hexadecimal color #fd7e12 has RGB values of R:253, G:126, B:18 and CMYK values of C:0, M:0.5, Y:0.93, K:0.01. Its decimal value is 16612882.

Hex triplet	fd7e12	`#fd7e12`
RGB Decimal	253, 126, 18	`rgb(253,126,18)`
RGB Percent	99.2, 49.4, 7.1	`rgb(99.2%,49.4%,7.1%)`
CMYK	0, 50, 93, 1
HSL	27.6°, 98.3, 53.1	`hsl(27.6,98.3%,53.1%)`
HSV (or HSB)	27.6°, 92.9, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	66.407, 43.19, 70.65
XYZ	48.08, 35.853, 4.961
xyY	0.541, 0.403, 35.853
CIE-LCH	66.407, 82.806, 58.562
CIE-LUV	66.407, 105.574, 59.378
Hunter-Lab	59.877, 38.547, 37.002
Binary	11111101, 01111110, 00010010

#fd7e12
```
#fd7e12 rgb(253,126,18)
```
#1291fd
```
#1291fd rgb(18,145,253)
```

Complementary Color

#fd121c
```
#fd121c rgb(253,18,28)
```
#fd7e12
```
#fd7e12 rgb(253,126,18)
```
#fdf412
```
#fdf412 rgb(253,244,18)
```

Analogous Color

#121cfd
```
#121cfd rgb(18,28,253)
```
#fd7e12
```
#fd7e12 rgb(253,126,18)
```
#12fdf4
```
#12fdf4 rgb(18,253,244)
```

Split Complementary Color

#7e12fd
```
#7e12fd rgb(126,18,253)
```
#fd7e12
```
#fd7e12 rgb(253,126,18)
```
#12fd7e
```
#12fd7e rgb(18,253,126)
```

Triadic Color

#fd1291
```
#fd1291 rgb(253,18,145)
```
#fd7e12
```
#fd7e12 rgb(253,126,18)
```
#12fd7e
```
#12fd7e rgb(18,253,126)
```
#1291fd
```
#1291fd rgb(18,145,253)
```

Tetradic Color

#c15a02
```
#c15a02 rgb(193,90,2)
```
#da6502
```
#da6502 rgb(218,101,2)
```
#f37102
```
#f37102 rgb(243,113,2)
```
#fd7e12
```
#fd7e12 rgb(253,126,18)
```
#fd8c2b
```
#fd8c2b rgb(253,140,43)
```
#fd9a45
```
#fd9a45 rgb(253,154,69)
```
#fea75e
```
#fea75e rgb(254,167,94)
```

Monochromatic Color

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

#fd4312
```
#fd4312 rgb(253,67,18)
```
#fd5712
```
#fd5712 rgb(253,87,18)
```
#fd6a12
```
#fd6a12 rgb(253,106,18)
```
#fd7e12
```
#fd7e12 rgb(253,126,18)
```
#fd9212
```
#fd9212 rgb(253,146,18)
```
#fda512
```
#fda512 rgb(253,165,18)
```
#fdb912
```
#fdb912 rgb(253,185,18)
```

Similar Colors

Text with hexadecimal color #fd7e12

This text has a font color of #fd7e12.

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

#fd7e12 background color

This paragraph has a background color of #fd7e12.

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

#fd7e12 border color

This element has a border color of #fd7e12.

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

CSS codes

.text {color:#fd7e12;}

.background {background-color:#fd7e12;}

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

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

#100700
```
#100700 rgb(16,7,0)
```
#231000
```
#231000 rgb(35,16,0)
```
#371900
```
#371900 rgb(55,25,0)
```
#4a2201
```
#4a2201 rgb(74,34,1)
```
#5e2b01
```
#5e2b01 rgb(94,43,1)
```
#713501
```
#713501 rgb(113,53,1)
```
#853e01
```
#853e01 rgb(133,62,1)
```
#984701
```
#984701 rgb(152,71,1)
```
#ab5001
```
#ab5001 rgb(171,80,1)
```
#bf5902
```
#bf5902 rgb(191,89,2)
```
#d26202
```
#d26202 rgb(210,98,2)
```
#e66b02
```
#e66b02 rgb(230,107,2)
```
#f97402
```
#f97402 rgb(249,116,2)
```

Shade Color Variation

#fd7e12
```
#fd7e12 rgb(253,126,18)
```
#fd8925
```
#fd8925 rgb(253,137,37)
```
#fd9339
```
#fd9339 rgb(253,147,57)
```
#fd9e4c
```
#fd9e4c rgb(253,158,76)
```
#fea860
```
#fea860 rgb(254,168,96)
```
#feb373
```
#feb373 rgb(254,179,115)
```
#febe87
```
#febe87 rgb(254,190,135)
```
#fec89a
```
#fec89a rgb(254,200,154)
```
#fed3ae
```
#fed3ae rgb(254,211,174)
```
#feddc1
```
#feddc1 rgb(254,221,193)
```
#ffe8d5
```
#ffe8d5 rgb(255,232,213)
```
#fff2e8
```
#fff2e8 rgb(255,242,232)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#8f8780
```
#8f8780 rgb(143,135,128)
```
#988677
```
#988677 rgb(152,134,119)
```
#a1856e
```
#a1856e rgb(161,133,110)
```
#aa8565
```
#aa8565 rgb(170,133,101)
```
#b3845c
```
#b3845c rgb(179,132,92)
```
#bd8352
```
#bd8352 rgb(189,131,82)
```
#c68249
```
#c68249 rgb(198,130,73)
```
#cf8240
```
#cf8240 rgb(207,130,64)
```
#d88137
```
#d88137 rgb(216,129,55)
```
#e1802e
```
#e1802e rgb(225,128,46)
```
#eb7f24
```
#eb7f24 rgb(235,127,36)
```
#f47f1b
```
#f47f1b rgb(244,127,27)
```
#fd7e12
```
#fd7e12 rgb(253,126,18)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#ac937d Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa627 Protanopia 1% of men
#d09e00 Deuteranopia 1% of men
#ff7d85 Tritanopia 0.001% of the population

Trichromacy

#d2971f Protanomaly 1% of men, 0.01% of women
#e09206 Deuteranomaly 6% of men, 0.4% of women
#fe7d5b Tritanomaly 0.01% of the population

#fd7e12 hex color

#fd7e12 Color Information

#fd7e12 Color Conversion

Color Schemes with #fd7e12

Alternatives to #fd7e12

#fd7e12 Preview

Shades and Tints of #fd7e12

Tones of #fd7e12

Color Blindness Simulator