#fd8c12 hex color

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

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

● #fd8c12 color description : Vivid orange.

The hexadecimal color #fd8c12 has RGB values of R:253, G:140, B:18 and CMYK values of C:0, M:0.45, Y:0.93, K:0.01. Its decimal value is 16616466.

Hex triplet	fd8c12	`#fd8c12`
RGB Decimal	253, 140, 18	`rgb(253,140,18)`
RGB Percent	99.2, 54.9, 7.1	`rgb(99.2%,54.9%,7.1%)`
CMYK	0, 45, 93, 1
HSL	31.1°, 98.3, 53.1	`hsl(31.1,98.3%,53.1%)`
HSV (or HSB)	31.1°, 92.9, 99.2
Web Safe	ff9900	`#ff9900`

CIE-LAB	69.246, 36.18, 72.6
XYZ	49.997, 39.687, 5.6
xyY	0.525, 0.417, 39.687
CIE-LCH	69.246, 81.116, 63.511
CIE-LUV	69.246, 93.811, 64.033
Hunter-Lab	62.998, 31.418, 38.828
Binary	11111101, 10001100, 00010010

#fd8c12
```
#fd8c12 rgb(253,140,18)
```
#1283fd
```
#1283fd rgb(18,131,253)
```

Complementary Color

#fd1712
```
#fd1712 rgb(253,23,18)
```
#fd8c12
```
#fd8c12 rgb(253,140,18)
```
#f9fd12
```
#f9fd12 rgb(249,253,18)
```

Analogous Color

#1712fd
```
#1712fd rgb(23,18,253)
```
#fd8c12
```
#fd8c12 rgb(253,140,18)
```
#12f9fd
```
#12f9fd rgb(18,249,253)
```

Split Complementary Color

#8c12fd
```
#8c12fd rgb(140,18,253)
```
#fd8c12
```
#fd8c12 rgb(253,140,18)
```
#12fd8c
```
#12fd8c rgb(18,253,140)
```

Triadic Color

#fd1283
```
#fd1283 rgb(253,18,131)
```
#fd8c12
```
#fd8c12 rgb(253,140,18)
```
#12fd8c
```
#12fd8c rgb(18,253,140)
```
#1283fd
```
#1283fd rgb(18,131,253)
```

Tetradic Color

#c16502
```
#c16502 rgb(193,101,2)
```
#da7202
```
#da7202 rgb(218,114,2)
```
#f37f02
```
#f37f02 rgb(243,127,2)
```
#fd8c12
```
#fd8c12 rgb(253,140,18)
```
#fd982b
```
#fd982b rgb(253,152,43)
```
#fda545
```
#fda545 rgb(253,165,69)
```
#feb15e
```
#feb15e rgb(254,177,94)
```

Monochromatic Color

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

#fd5112
```
#fd5112 rgb(253,81,18)
```
#fd6512
```
#fd6512 rgb(253,101,18)
```
#fd7812
```
#fd7812 rgb(253,120,18)
```
#fd8c12
```
#fd8c12 rgb(253,140,18)
```
#fda012
```
#fda012 rgb(253,160,18)
```
#fdb312
```
#fdb312 rgb(253,179,18)
```
#fdc712
```
#fdc712 rgb(253,199,18)
```

Similar Colors

Text with hexadecimal color #fd8c12

This text has a font color of #fd8c12.

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

#fd8c12 background color

This paragraph has a background color of #fd8c12.

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

#fd8c12 border color

This element has a border color of #fd8c12.

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

CSS codes

.text {color:#fd8c12;}

.background {background-color:#fd8c12;}

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

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

#100800
```
#100800 rgb(16,8,0)
```
#231200
```
#231200 rgb(35,18,0)
```
#371d00
```
#371d00 rgb(55,29,0)
```
#4a2701
```
#4a2701 rgb(74,39,1)
```
#5e3101
```
#5e3101 rgb(94,49,1)
```
#713b01
```
#713b01 rgb(113,59,1)
```
#854501
```
#854501 rgb(133,69,1)
```
#985001
```
#985001 rgb(152,80,1)
```
#ab5a01
```
#ab5a01 rgb(171,90,1)
```
#bf6402
```
#bf6402 rgb(191,100,2)
```
#d26e02
```
#d26e02 rgb(210,110,2)
```
#e67802
```
#e67802 rgb(230,120,2)
```
#f98202
```
#f98202 rgb(249,130,2)
```

Shade Color Variation

#fd8c12
```
#fd8c12 rgb(253,140,18)
```
#fd9525
```
#fd9525 rgb(253,149,37)
```
#fd9f39
```
#fd9f39 rgb(253,159,57)
```
#fda84c
```
#fda84c rgb(253,168,76)
```
#feb260
```
#feb260 rgb(254,178,96)
```
#febb73
```
#febb73 rgb(254,187,115)
```
#fec587
```
#fec587 rgb(254,197,135)
```
#fece9a
```
#fece9a rgb(254,206,154)
```
#fed8ae
```
#fed8ae rgb(254,216,174)
```
#fee1c1
```
#fee1c1 rgb(254,225,193)
```
#ffead5
```
#ffead5 rgb(255,234,213)
```
#fff4e8
```
#fff4e8 rgb(255,244,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 #fd8c12 is the most saturated one.

#8f8880
```
#8f8880 rgb(143,136,128)
```
#988877
```
#988877 rgb(152,136,119)
```
#a1886e
```
#a1886e rgb(161,136,110)
```
#aa8965
```
#aa8965 rgb(170,137,101)
```
#b3895c
```
#b3895c rgb(179,137,92)
```
#bd8a52
```
#bd8a52 rgb(189,138,82)
```
#c68a49
```
#c68a49 rgb(198,138,73)
```
#cf8a40
```
#cf8a40 rgb(207,138,64)
```
#d88b37
```
#d88b37 rgb(216,139,55)
```
#e18b2e
```
#e18b2e rgb(225,139,46)
```
#eb8b24
```
#eb8b24 rgb(235,139,36)
```
#f48c1b
```
#f48c1b rgb(244,140,27)
```
#fd8c12
```
#fd8c12 rgb(253,140,18)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#b39c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ad26 Protanopia 1% of men
#d9a500 Deuteranopia 1% of men
#ff8a92 Tritanopia 0.001% of the population

Trichromacy

#d7a11f Protanomaly 1% of men, 0.01% of women
#e69c06 Deuteranomaly 6% of men, 0.4% of women
#fe8b63 Tritanomaly 0.01% of the population

#fd8c12 hex color

#fd8c12 Color Information

#fd8c12 Color Conversion

Color Schemes with #fd8c12

Alternatives to #fd8c12

#fd8c12 Preview

Shades and Tints of #fd8c12

Tones of #fd8c12

Color Blindness Simulator