#fd8b12 hex color

In a RGB color space, hex #fd8b12 is composed of 99.2% red, 54.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.1% magenta, 92.9% yellow and 0.8% black. It has a hue angle of 30.9 degrees, a saturation of 98.3% and a lightness of 53.1%. #fd8b12 color hex could be obtained by blending #ffff24 with #fb1700. 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

● #fd8b12 color description : Vivid orange.

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

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

CIE-LAB	69.037, 36.688, 72.455
XYZ	49.852, 39.396, 5.551
xyY	0.526, 0.416, 39.396
CIE-LCH	69.037, 81.215, 63.144
CIE-LUV	69.037, 94.653, 63.694
Hunter-Lab	62.766, 31.931, 38.693
Binary	11111101, 10001011, 00010010

#fd8b12
```
#fd8b12 rgb(253,139,18)
```
#1284fd
```
#1284fd rgb(18,132,253)
```

Complementary Color

#fd1512
```
#fd1512 rgb(253,21,18)
```
#fd8b12
```
#fd8b12 rgb(253,139,18)
```
#fafd12
```
#fafd12 rgb(250,253,18)
```

Analogous Color

#1512fd
```
#1512fd rgb(21,18,253)
```
#fd8b12
```
#fd8b12 rgb(253,139,18)
```
#12fafd
```
#12fafd rgb(18,250,253)
```

Split Complementary Color

#8b12fd
```
#8b12fd rgb(139,18,253)
```
#fd8b12
```
#fd8b12 rgb(253,139,18)
```
#12fd8b
```
#12fd8b rgb(18,253,139)
```

Triadic Color

#fd1284
```
#fd1284 rgb(253,18,132)
```
#fd8b12
```
#fd8b12 rgb(253,139,18)
```
#12fd8b
```
#12fd8b rgb(18,253,139)
```
#1284fd
```
#1284fd rgb(18,132,253)
```

Tetradic Color

#c16402
```
#c16402 rgb(193,100,2)
```
#da7102
```
#da7102 rgb(218,113,2)
```
#f37e02
```
#f37e02 rgb(243,126,2)
```
#fd8b12
```
#fd8b12 rgb(253,139,18)
```
#fd972b
```
#fd972b rgb(253,151,43)
```
#fda445
```
#fda445 rgb(253,164,69)
```
#feb05e
```
#feb05e rgb(254,176,94)
```

Monochromatic Color

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

#fd5012
```
#fd5012 rgb(253,80,18)
```
#fd6412
```
#fd6412 rgb(253,100,18)
```
#fd7712
```
#fd7712 rgb(253,119,18)
```
#fd8b12
```
#fd8b12 rgb(253,139,18)
```
#fd9f12
```
#fd9f12 rgb(253,159,18)
```
#fdb212
```
#fdb212 rgb(253,178,18)
```
#fdc612
```
#fdc612 rgb(253,198,18)
```

Similar Colors

Text with hexadecimal color #fd8b12

This text has a font color of #fd8b12.

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

#fd8b12 background color

This paragraph has a background color of #fd8b12.

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

#fd8b12 border color

This element has a border color of #fd8b12.

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

CSS codes

.text {color:#fd8b12;}

.background {background-color:#fd8b12;}

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

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)
```
#371c00
```
#371c00 rgb(55,28,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)
```
#984f01
```
#984f01 rgb(152,79,1)
```
#ab5901
```
#ab5901 rgb(171,89,1)
```
#bf6302
```
#bf6302 rgb(191,99,2)
```
#d26d02
```
#d26d02 rgb(210,109,2)
```
#e67702
```
#e67702 rgb(230,119,2)
```
#f98102
```
#f98102 rgb(249,129,2)
```

Shade Color Variation

#fd8b12
```
#fd8b12 rgb(253,139,18)
```
#fd9525
```
#fd9525 rgb(253,149,37)
```
#fd9e39
```
#fd9e39 rgb(253,158,57)
```
#fda84c
```
#fda84c rgb(253,168,76)
```
#feb160
```
#feb160 rgb(254,177,96)
```
#febb73
```
#febb73 rgb(254,187,115)
```
#fec487
```
#fec487 rgb(254,196,135)
```
#fece9a
```
#fece9a rgb(254,206,154)
```
#fed7ae
```
#fed7ae rgb(254,215,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 #fd8b12 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)
```
#bd8952
```
#bd8952 rgb(189,137,82)
```
#c68949
```
#c68949 rgb(198,137,73)
```
#cf8a40
```
#cf8a40 rgb(207,138,64)
```
#d88a37
```
#d88a37 rgb(216,138,55)
```
#e18a2e
```
#e18a2e rgb(225,138,46)
```
#eb8a24
```
#eb8a24 rgb(235,138,36)
```
#f48b1b
```
#f48b1b rgb(244,139,27)
```
#fd8b12
```
#fd8b12 rgb(253,139,18)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#b29b83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ad26 Protanopia 1% of men
#d8a400 Deuteranopia 1% of men
#ff8991 Tritanopia 0.001% of the population

Trichromacy

#d7a01f Protanomaly 1% of men, 0.01% of women
#e59b06 Deuteranomaly 6% of men, 0.4% of women
#fe8a63 Tritanomaly 0.01% of the population

#fd8b12 hex color

#fd8b12 Color Information

#fd8b12 Color Conversion

Color Schemes with #fd8b12

Alternatives to #fd8b12

#fd8b12 Preview

Shades and Tints of #fd8b12

Tones of #fd8b12

Color Blindness Simulator