#fd7312 hex color

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

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

● #fd7312 color description : Vivid orange.

The hexadecimal color #fd7312 has RGB values of R:253, G:115, B:18 and CMYK values of C:0, M:0.55, Y:0.93, K:0.01. Its decimal value is 16610066.

Hex triplet	fd7312	`#fd7312`
RGB Decimal	253, 115, 18	`rgb(253,115,18)`
RGB Percent	99.2, 45.1, 7.1	`rgb(99.2%,45.1%,7.1%)`
CMYK	0, 55, 93, 1
HSL	24.8°, 98.3, 53.1	`hsl(24.8,98.3%,53.1%)`
HSV (or HSB)	24.8°, 92.9, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	64.317, 48.493, 69.24
XYZ	46.75, 33.193, 4.517
xyY	0.554, 0.393, 33.193
CIE-LCH	64.317, 84.533, 54.994
CIE-LUV	64.317, 114.691, 55.89
Hunter-Lab	57.613, 44.021, 35.68
Binary	11111101, 01110011, 00010010

#fd7312
```
#fd7312 rgb(253,115,18)
```
#129cfd
```
#129cfd rgb(18,156,253)
```

Complementary Color

#fd1227
```
#fd1227 rgb(253,18,39)
```
#fd7312
```
#fd7312 rgb(253,115,18)
```
#fde912
```
#fde912 rgb(253,233,18)
```

Analogous Color

#1227fd
```
#1227fd rgb(18,39,253)
```
#fd7312
```
#fd7312 rgb(253,115,18)
```
#12fde9
```
#12fde9 rgb(18,253,233)
```

Split Complementary Color

#7312fd
```
#7312fd rgb(115,18,253)
```
#fd7312
```
#fd7312 rgb(253,115,18)
```
#12fd73
```
#12fd73 rgb(18,253,115)
```

Triadic Color

#fd129c
```
#fd129c rgb(253,18,156)
```
#fd7312
```
#fd7312 rgb(253,115,18)
```
#12fd73
```
#12fd73 rgb(18,253,115)
```
#129cfd
```
#129cfd rgb(18,156,253)
```

Tetradic Color

#c15102
```
#c15102 rgb(193,81,2)
```
#da5b02
```
#da5b02 rgb(218,91,2)
```
#f36602
```
#f36602 rgb(243,102,2)
```
#fd7312
```
#fd7312 rgb(253,115,18)
```
#fd822b
```
#fd822b rgb(253,130,43)
```
#fd9145
```
#fd9145 rgb(253,145,69)
```
#fea05e
```
#fea05e rgb(254,160,94)
```

Monochromatic Color

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

#fd3812
```
#fd3812 rgb(253,56,18)
```
#fd4c12
```
#fd4c12 rgb(253,76,18)
```
#fd5f12
```
#fd5f12 rgb(253,95,18)
```
#fd7312
```
#fd7312 rgb(253,115,18)
```
#fd8712
```
#fd8712 rgb(253,135,18)
```
#fd9a12
```
#fd9a12 rgb(253,154,18)
```
#fdae12
```
#fdae12 rgb(253,174,18)
```

Similar Colors

Text with hexadecimal color #fd7312

This text has a font color of #fd7312.

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

#fd7312 background color

This paragraph has a background color of #fd7312.

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

#fd7312 border color

This element has a border color of #fd7312.

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

CSS codes

.text {color:#fd7312;}

.background {background-color:#fd7312;}

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

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)
```
#5e2701
```
#5e2701 rgb(94,39,1)
```
#712f01
```
#712f01 rgb(113,47,1)
```
#853701
```
#853701 rgb(133,55,1)
```
#984001
```
#984001 rgb(152,64,1)
```
#ab4801
```
#ab4801 rgb(171,72,1)
```
#bf5002
```
#bf5002 rgb(191,80,2)
```
#d25802
```
#d25802 rgb(210,88,2)
```
#e66002
```
#e66002 rgb(230,96,2)
```
#f96802
```
#f96802 rgb(249,104,2)
```

Shade Color Variation

#fd7312
```
#fd7312 rgb(253,115,18)
```
#fd7e25
```
#fd7e25 rgb(253,126,37)
```
#fd8a39
```
#fd8a39 rgb(253,138,57)
```
#fd954c
```
#fd954c rgb(253,149,76)
```
#fea160
```
#fea160 rgb(254,161,96)
```
#feac73
```
#feac73 rgb(254,172,115)
```
#feb887
```
#feb887 rgb(254,184,135)
```
#fec39a
```
#fec39a rgb(254,195,154)
```
#fecfae
```
#fecfae rgb(254,207,174)
```
#fedac1
```
#fedac1 rgb(254,218,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 #fd7312 is the most saturated one.

#8f8680
```
#8f8680 rgb(143,134,128)
```
#988577
```
#988577 rgb(152,133,119)
```
#a1836e
```
#a1836e rgb(161,131,110)
```
#aa8165
```
#aa8165 rgb(170,129,101)
```
#b3805c
```
#b3805c rgb(179,128,92)
```
#bd7e52
```
#bd7e52 rgb(189,126,82)
```
#c67d49
```
#c67d49 rgb(198,125,73)
```
#cf7b40
```
#cf7b40 rgb(207,123,64)
```
#d87937
```
#d87937 rgb(216,121,55)
```
#e1782e
```
#e1782e rgb(225,120,46)
```
#eb7624
```
#eb7624 rgb(235,118,36)
```
#f4751b
```
#f4751b rgb(244,117,27)
```
#fd7312
```
#fd7312 rgb(253,115,18)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a78b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a128 Protanopia 1% of men
#c99900 Deuteranopia 1% of men
#ff737a Tritanopia 0.001% of the population

Trichromacy

#ce9020 Protanomaly 1% of men, 0.01% of women
#dc8b06 Deuteranomaly 6% of men, 0.4% of women
#fe7354 Tritanomaly 0.01% of the population

#fd7312 hex color

#fd7312 Color Information

#fd7312 Color Conversion

Color Schemes with #fd7312

Alternatives to #fd7312

#fd7312 Preview

Shades and Tints of #fd7312

Tones of #fd7312

Color Blindness Simulator