#fd7412 hex color

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

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

● #fd7412 color description : Vivid orange.

The hexadecimal color #fd7412 has RGB values of R:253, G:116, B:18 and CMYK values of C:0, M:0.54, Y:0.93, K:0.01. Its decimal value is 16610322.

Hex triplet	fd7412	`#fd7412`
RGB Decimal	253, 116, 18	`rgb(253,116,18)`
RGB Percent	99.2, 45.5, 7.1	`rgb(99.2%,45.5%,7.1%)`
CMYK	0, 54, 93, 1
HSL	25°, 98.3, 53.1	`hsl(25,98.3%,53.1%)`
HSV (or HSB)	25°, 92.9, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	64.501, 48.02, 69.364
XYZ	46.865, 33.422, 4.556
xyY	0.552, 0.394, 33.422
CIE-LCH	64.501, 84.364, 55.305
CIE-LUV	64.501, 113.87, 56.2
Hunter-Lab	57.812, 43.529, 35.796
Binary	11111101, 01110100, 00010010

#fd7412
```
#fd7412 rgb(253,116,18)
```
#129bfd
```
#129bfd rgb(18,155,253)
```

Complementary Color

#fd1226
```
#fd1226 rgb(253,18,38)
```
#fd7412
```
#fd7412 rgb(253,116,18)
```
#fdea12
```
#fdea12 rgb(253,234,18)
```

Analogous Color

#1226fd
```
#1226fd rgb(18,38,253)
```
#fd7412
```
#fd7412 rgb(253,116,18)
```
#12fdea
```
#12fdea rgb(18,253,234)
```

Split Complementary Color

#7412fd
```
#7412fd rgb(116,18,253)
```
#fd7412
```
#fd7412 rgb(253,116,18)
```
#12fd74
```
#12fd74 rgb(18,253,116)
```

Triadic Color

#fd129b
```
#fd129b rgb(253,18,155)
```
#fd7412
```
#fd7412 rgb(253,116,18)
```
#12fd74
```
#12fd74 rgb(18,253,116)
```
#129bfd
```
#129bfd rgb(18,155,253)
```

Tetradic Color

#c15102
```
#c15102 rgb(193,81,2)
```
#da5c02
```
#da5c02 rgb(218,92,2)
```
#f36702
```
#f36702 rgb(243,103,2)
```
#fd7412
```
#fd7412 rgb(253,116,18)
```
#fd832b
```
#fd832b rgb(253,131,43)
```
#fd9245
```
#fd9245 rgb(253,146,69)
```
#fea05e
```
#fea05e rgb(254,160,94)
```

Monochromatic Color

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

#fd3912
```
#fd3912 rgb(253,57,18)
```
#fd4d12
```
#fd4d12 rgb(253,77,18)
```
#fd6012
```
#fd6012 rgb(253,96,18)
```
#fd7412
```
#fd7412 rgb(253,116,18)
```
#fd8812
```
#fd8812 rgb(253,136,18)
```
#fd9b12
```
#fd9b12 rgb(253,155,18)
```
#fdaf12
```
#fdaf12 rgb(253,175,18)
```

Similar Colors

Text with hexadecimal color #fd7412

This text has a font color of #fd7412.

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

#fd7412 background color

This paragraph has a background color of #fd7412.

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

#fd7412 border color

This element has a border color of #fd7412.

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

CSS codes

.text {color:#fd7412;}

.background {background-color:#fd7412;}

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

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)
```
#230f00
```
#230f00 rgb(35,15,0)
```
#371700
```
#371700 rgb(55,23,0)
```
#4a1f01
```
#4a1f01 rgb(74,31,1)
```
#5e2801
```
#5e2801 rgb(94,40,1)
```
#713001
```
#713001 rgb(113,48,1)
```
#853801
```
#853801 rgb(133,56,1)
```
#984001
```
#984001 rgb(152,64,1)
```
#ab4801
```
#ab4801 rgb(171,72,1)
```
#bf5102
```
#bf5102 rgb(191,81,2)
```
#d25902
```
#d25902 rgb(210,89,2)
```
#e66102
```
#e66102 rgb(230,97,2)
```
#f96902
```
#f96902 rgb(249,105,2)
```

Shade Color Variation

#fd7412
```
#fd7412 rgb(253,116,18)
```
#fd7f25
```
#fd7f25 rgb(253,127,37)
```
#fd8b39
```
#fd8b39 rgb(253,139,57)
```
#fd964c
```
#fd964c rgb(253,150,76)
```
#fea260
```
#fea260 rgb(254,162,96)
```
#fead73
```
#fead73 rgb(254,173,115)
```
#feb887
```
#feb887 rgb(254,184,135)
```
#fec49a
```
#fec49a rgb(254,196,154)
```
#fecfae
```
#fecfae rgb(254,207,174)
```
#fedbc1
```
#fedbc1 rgb(254,219,193)
```
#ffe6d5
```
#ffe6d5 rgb(255,230,213)
```
#fff1e8
```
#fff1e8 rgb(255,241,232)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#8f8680
```
#8f8680 rgb(143,134,128)
```
#988577
```
#988577 rgb(152,133,119)
```
#a1836e
```
#a1836e rgb(161,131,110)
```
#aa8265
```
#aa8265 rgb(170,130,101)
```
#b3805c
```
#b3805c rgb(179,128,92)
```
#bd7f52
```
#bd7f52 rgb(189,127,82)
```
#c67d49
```
#c67d49 rgb(198,125,73)
```
#cf7c40
```
#cf7c40 rgb(207,124,64)
```
#d87a37
```
#d87a37 rgb(216,122,55)
```
#e1792e
```
#e1792e rgb(225,121,46)
```
#eb7724
```
#eb7724 rgb(235,119,36)
```
#f4761b
```
#f4761b rgb(244,118,27)
```
#fd7412
```
#fd7412 rgb(253,116,18)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a78c78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a128 Protanopia 1% of men
#ca9900 Deuteranopia 1% of men
#ff747b Tritanopia 0.001% of the population

Trichromacy

#cf9120 Protanomaly 1% of men, 0.01% of women
#dc8c06 Deuteranomaly 6% of men, 0.4% of women
#fe7454 Tritanomaly 0.01% of the population

#fd7412 hex color

#fd7412 Color Information

#fd7412 Color Conversion

Color Schemes with #fd7412

Alternatives to #fd7412

#fd7412 Preview

Shades and Tints of #fd7412

Tones of #fd7412

Color Blindness Simulator