#fd6c1f hex color

In a RGB color space, hex #fd6c1f is composed of 99.2% red, 42.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.3% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 20.8 degrees, a saturation of 98.2% and a lightness of 55.7%. #fd6c1f color hex could be obtained by blending #ffd83e with #fb0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 42
- B 12
RGB color chart
- C 0
- M 57
- Y 88
- K 1
CMYK color chart

● #fd6c1f color description : Vivid orange.

The hexadecimal color #fd6c1f has RGB values of R:253, G:108, B:31 and CMYK values of C:0, M:0.57, Y:0.88, K:0.01. Its decimal value is 16608287.

Hex triplet	fd6c1f	`#fd6c1f`
RGB Decimal	253, 108, 31	`rgb(253,108,31)`
RGB Percent	99.2, 42.4, 12.2	`rgb(99.2%,42.4%,12.2%)`
CMYK	0, 57, 88, 1
HSL	20.8°, 98.2, 55.7	`hsl(20.8,98.2%,55.7%)`
HSV (or HSB)	20.8°, 87.7, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	63.104, 51.94, 64.82
XYZ	46.12, 31.712, 4.989
xyY	0.557, 0.383, 31.712
CIE-LCH	63.104, 83.063, 51.295
CIE-LUV	63.104, 119.649, 51.994
Hunter-Lab	56.313, 47.642, 34.167
Binary	11111101, 01101100, 00011111

#fd6c1f
```
#fd6c1f rgb(253,108,31)
```
#1fb0fd
```
#1fb0fd rgb(31,176,253)
```

Complementary Color

#fd1f41
```
#fd1f41 rgb(253,31,65)
```
#fd6c1f
```
#fd6c1f rgb(253,108,31)
```
#fddb1f
```
#fddb1f rgb(253,219,31)
```

Analogous Color

#1f41fd
```
#1f41fd rgb(31,65,253)
```
#fd6c1f
```
#fd6c1f rgb(253,108,31)
```
#1ffddb
```
#1ffddb rgb(31,253,219)
```

Split Complementary Color

#6c1ffd
```
#6c1ffd rgb(108,31,253)
```
#fd6c1f
```
#fd6c1f rgb(253,108,31)
```
#1ffd6c
```
#1ffd6c rgb(31,253,108)
```

Triadic Color

#fd1fb0
```
#fd1fb0 rgb(253,31,176)
```
#fd6c1f
```
#fd6c1f rgb(253,108,31)
```
#1ffd6c
```
#1ffd6c rgb(31,253,108)
```
#1fb0fd
```
#1fb0fd rgb(31,176,253)
```

Tetradic Color

#ce4902
```
#ce4902 rgb(206,73,2)
```
#e75102
```
#e75102 rgb(231,81,2)
```
#fd5b06
```
#fd5b06 rgb(253,91,6)
```
#fd6c1f
```
#fd6c1f rgb(253,108,31)
```
#fd7d38
```
#fd7d38 rgb(253,125,56)
```
#fd8d52
```
#fd8d52 rgb(253,141,82)
```
#fe9e6b
```
#fe9e6b rgb(254,158,107)
```

Monochromatic Color

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

#fd351f
```
#fd351f rgb(253,53,31)
```
#fd471f
```
#fd471f rgb(253,71,31)
```
#fd5a1f
```
#fd5a1f rgb(253,90,31)
```
#fd6c1f
```
#fd6c1f rgb(253,108,31)
```
#fd7f1f
```
#fd7f1f rgb(253,127,31)
```
#fd911f
```
#fd911f rgb(253,145,31)
```
#fda41f
```
#fda41f rgb(253,164,31)
```

Similar Colors

Text with hexadecimal color #fd6c1f

This text has a font color of #fd6c1f.

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

#fd6c1f background color

This paragraph has a background color of #fd6c1f.

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

#fd6c1f border color

This element has a border color of #fd6c1f.

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

CSS codes

.text {color:#fd6c1f;}

.background {background-color:#fd6c1f;}

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

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

#090300
```
#090300 rgb(9,3,0)
```
#1d0a00
```
#1d0a00 rgb(29,10,0)
```
#301100
```
#301100 rgb(48,17,0)
```
#441801
```
#441801 rgb(68,24,1)
```
#571f01
```
#571f01 rgb(87,31,1)
```
#6b2601
```
#6b2601 rgb(107,38,1)
```
#7e2c01
```
#7e2c01 rgb(126,44,1)
```
#913301
```
#913301 rgb(145,51,1)
```
#a53a01
```
#a53a01 rgb(165,58,1)
```
#b84102
```
#b84102 rgb(184,65,2)
```
#cc4802
```
#cc4802 rgb(204,72,2)
```
#df4f02
```
#df4f02 rgb(223,79,2)
```
#f35602
```
#f35602 rgb(243,86,2)
```

Shade Color Variation

#fd5f0c
```
#fd5f0c rgb(253,95,12)
```
#fd6c1f
```
#fd6c1f rgb(253,108,31)
```
#fd7932
```
#fd7932 rgb(253,121,50)
```
#fd8646
```
#fd8646 rgb(253,134,70)
```
#fe9259
```
#fe9259 rgb(254,146,89)
```
#fe9f6d
```
#fe9f6d rgb(254,159,109)
```
#feac80
```
#feac80 rgb(254,172,128)
```
#feb994
```
#feb994 rgb(254,185,148)
```
#fec5a7
```
#fec5a7 rgb(254,197,167)
```
#fed2bb
```
#fed2bb rgb(254,210,187)
```
#ffdfce
```
#ffdfce rgb(255,223,206)
```
#ffece1
```
#ffece1 rgb(255,236,225)
```
#fff8f5
```
#fff8f5 rgb(255,248,245)
```

Tint Color Variation

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

#958c87
```
#958c87 rgb(149,140,135)
```
#9d897f
```
#9d897f rgb(157,137,127)
```
#a68776
```
#a68776 rgb(166,135,118)
```
#af846d
```
#af846d rgb(175,132,109)
```
#b78165
```
#b78165 rgb(183,129,101)
```
#c07f5c
```
#c07f5c rgb(192,127,92)
```
#c97c53
```
#c97c53 rgb(201,124,83)
```
#d2794a
```
#d2794a rgb(210,121,74)
```
#da7742
```
#da7742 rgb(218,119,66)
```
#e37439
```
#e37439 rgb(227,116,57)
```
#ec7130
```
#ec7130 rgb(236,113,48)
```
#f46f28
```
#f46f28 rgb(244,111,40)
```
#fd6c1f
```
#fd6c1f rgb(253,108,31)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a58879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e35 Protanopia 1% of men
#c59611 Deuteranopia 1% of men
#ff6d73 Tritanopia 0.001% of the population

Trichromacy

#cc8c2d Protanomaly 1% of men, 0.01% of women
#d98616 Deuteranomaly 6% of men, 0.4% of women
#fe6c54 Tritanomaly 0.01% of the population

#fd6c1f hex color

#fd6c1f Color Information

#fd6c1f Color Conversion

Color Schemes with #fd6c1f

Alternatives to #fd6c1f

#fd6c1f Preview

Shades and Tints of #fd6c1f

Tones of #fd6c1f

Color Blindness Simulator