#fd9312 hex color

In a RGB color space, hex #fd9312 is composed of 99.2% red, 57.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.9% magenta, 92.9% yellow and 0.8% black. It has a hue angle of 32.9 degrees, a saturation of 98.3% and a lightness of 53.1%. #fd9312 color hex could be obtained by blending #ffff24 with #fb2700. Closest websafe color is: #ff9900.

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

● #fd9312 color description : Vivid orange.

The hexadecimal color #fd9312 has RGB values of R:253, G:147, B:18 and CMYK values of C:0, M:0.42, Y:0.93, K:0.01. Its decimal value is 16618258.

Hex triplet	fd9312	`#fd9312`
RGB Decimal	253, 147, 18	`rgb(253,147,18)`
RGB Percent	99.2, 57.6, 7.1	`rgb(99.2%,57.6%,7.1%)`
CMYK	0, 42, 93, 1
HSL	32.9°, 98.3, 53.1	`hsl(32.9,98.3%,53.1%)`
HSV (or HSB)	32.9°, 92.9, 99.2
Web Safe	ff9900	`#ff9900`

CIE-LAB	70.731, 32.598, 73.635
XYZ	51.053, 41.798, 5.952
xyY	0.517, 0.423, 41.798
CIE-LCH	70.731, 80.528, 66.121
CIE-LUV	70.731, 87.921, 66.435
Hunter-Lab	64.651, 27.814, 39.798
Binary	11111101, 10010011, 00010010

#fd9312
```
#fd9312 rgb(253,147,18)
```
#127cfd
```
#127cfd rgb(18,124,253)
```

Complementary Color

#fd1d12
```
#fd1d12 rgb(253,29,18)
```
#fd9312
```
#fd9312 rgb(253,147,18)
```
#f2fd12
```
#f2fd12 rgb(242,253,18)
```

Analogous Color

#1e12fd
```
#1e12fd rgb(30,18,253)
```
#fd9312
```
#fd9312 rgb(253,147,18)
```
#12f2fd
```
#12f2fd rgb(18,242,253)
```

Split Complementary Color

#9312fd
```
#9312fd rgb(147,18,253)
```
#fd9312
```
#fd9312 rgb(253,147,18)
```
#12fd93
```
#12fd93 rgb(18,253,147)
```

Triadic Color

#fd127c
```
#fd127c rgb(253,18,124)
```
#fd9312
```
#fd9312 rgb(253,147,18)
```
#12fd93
```
#12fd93 rgb(18,253,147)
```
#127cfd
```
#127cfd rgb(18,124,253)
```

Tetradic Color

#c16b02
```
#c16b02 rgb(193,107,2)
```
#da7902
```
#da7902 rgb(218,121,2)
```
#f38702
```
#f38702 rgb(243,135,2)
```
#fd9312
```
#fd9312 rgb(253,147,18)
```
#fd9f2b
```
#fd9f2b rgb(253,159,43)
```
#fdaa45
```
#fdaa45 rgb(253,170,69)
```
#feb65e
```
#feb65e rgb(254,182,94)
```

Monochromatic Color

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

#fd5812
```
#fd5812 rgb(253,88,18)
```
#fd6c12
```
#fd6c12 rgb(253,108,18)
```
#fd7f12
```
#fd7f12 rgb(253,127,18)
```
#fd9312
```
#fd9312 rgb(253,147,18)
```
#fda712
```
#fda712 rgb(253,167,18)
```
#fdba12
```
#fdba12 rgb(253,186,18)
```
#fdce12
```
#fdce12 rgb(253,206,18)
```

Similar Colors

Text with hexadecimal color #fd9312

This text has a font color of #fd9312.

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

#fd9312 background color

This paragraph has a background color of #fd9312.

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

#fd9312 border color

This element has a border color of #fd9312.

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

CSS codes

.text {color:#fd9312;}

.background {background-color:#fd9312;}

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

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

#100900
```
#100900 rgb(16,9,0)
```
#231400
```
#231400 rgb(35,20,0)
```
#371e00
```
#371e00 rgb(55,30,0)
```
#4a2901
```
#4a2901 rgb(74,41,1)
```
#5e3401
```
#5e3401 rgb(94,52,1)
```
#713f01
```
#713f01 rgb(113,63,1)
```
#854901
```
#854901 rgb(133,73,1)
```
#985401
```
#985401 rgb(152,84,1)
```
#ab5f01
```
#ab5f01 rgb(171,95,1)
```
#bf6a02
```
#bf6a02 rgb(191,106,2)
```
#d27402
```
#d27402 rgb(210,116,2)
```
#e67f02
```
#e67f02 rgb(230,127,2)
```
#f98a02
```
#f98a02 rgb(249,138,2)
```

Shade Color Variation

#fd9312
```
#fd9312 rgb(253,147,18)
```
#fd9c25
```
#fd9c25 rgb(253,156,37)
```
#fda539
```
#fda539 rgb(253,165,57)
```
#fdae4c
```
#fdae4c rgb(253,174,76)
```
#feb660
```
#feb660 rgb(254,182,96)
```
#febf73
```
#febf73 rgb(254,191,115)
```
#fec887
```
#fec887 rgb(254,200,135)
```
#fed19a
```
#fed19a rgb(254,209,154)
```
#fedaae
```
#fedaae rgb(254,218,174)
```
#fee3c1
```
#fee3c1 rgb(254,227,193)
```
#ffecd5
```
#ffecd5 rgb(255,236,213)
```
#fff5e8
```
#fff5e8 rgb(255,245,232)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#8f8880
```
#8f8880 rgb(143,136,128)
```
#988977
```
#988977 rgb(152,137,119)
```
#a18a6e
```
#a18a6e rgb(161,138,110)
```
#aa8b65
```
#aa8b65 rgb(170,139,101)
```
#b38c5c
```
#b38c5c rgb(179,140,92)
```
#bd8d52
```
#bd8d52 rgb(189,141,82)
```
#c68e49
```
#c68e49 rgb(198,142,73)
```
#cf8f40
```
#cf8f40 rgb(207,143,64)
```
#d88f37
```
#d88f37 rgb(216,143,55)
```
#e1902e
```
#e1902e rgb(225,144,46)
```
#eb9124
```
#eb9124 rgb(235,145,36)
```
#f4921b
```
#f4921b rgb(244,146,27)
```
#fd9312
```
#fd9312 rgb(253,147,18)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#b6a187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b125 Protanopia 1% of men
#dda800 Deuteranopia 1% of men
#ff9099 Tritanopia 0.001% of the population

Trichromacy

#daa61e Protanomaly 1% of men, 0.01% of women
#e9a006 Deuteranomaly 6% of men, 0.4% of women
#fe9168 Tritanomaly 0.01% of the population

#fd9312 hex color

#fd9312 Color Information

#fd9312 Color Conversion

Color Schemes with #fd9312

Alternatives to #fd9312

#fd9312 Preview

Shades and Tints of #fd9312

Tones of #fd9312

Color Blindness Simulator