#fd971f hex color

In a RGB color space, hex #fd971f is composed of 99.2% red, 59.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.3% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 32.4 degrees, a saturation of 98.2% and a lightness of 55.7%. #fd971f color hex could be obtained by blending #ffff3e with #fb2f00. Closest websafe color is: #ff9933.

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

● #fd971f color description : Vivid orange.

The hexadecimal color #fd971f has RGB values of R:253, G:151, B:31 and CMYK values of C:0, M:0.4, Y:0.88, K:0.01. Its decimal value is 16619295.

Hex triplet	fd971f	`#fd971f`
RGB Decimal	253, 151, 31	`rgb(253,151,31)`
RGB Percent	99.2, 59.2, 12.2	`rgb(99.2%,59.2%,12.2%)`
CMYK	0, 40, 88, 1
HSL	32.4°, 98.2, 55.7	`hsl(32.4,98.2%,55.7%)`
HSV (or HSB)	32.4°, 87.7, 99.2
Web Safe	ff9933	`#ff9933`

CIE-LAB	71.636, 30.736, 71.398
XYZ	51.824, 43.119, 6.89
xyY	0.509, 0.423, 43.119
CIE-LCH	71.636, 77.733, 66.709
CIE-LUV	71.636, 84.147, 66.299
Hunter-Lab	65.665, 25.96, 39.745
Binary	11111101, 10010111, 00011111

#fd971f
```
#fd971f rgb(253,151,31)
```
#1f85fd
```
#1f85fd rgb(31,133,253)
```

Complementary Color

#fd281f
```
#fd281f rgb(253,40,31)
```
#fd971f
```
#fd971f rgb(253,151,31)
```
#f4fd1f
```
#f4fd1f rgb(244,253,31)
```

Analogous Color

#281ffd
```
#281ffd rgb(40,31,253)
```
#fd971f
```
#fd971f rgb(253,151,31)
```
#1ff4fd
```
#1ff4fd rgb(31,244,253)
```

Split Complementary Color

#971ffd
```
#971ffd rgb(151,31,253)
```
#fd971f
```
#fd971f rgb(253,151,31)
```
#1ffd97
```
#1ffd97 rgb(31,253,151)
```

Triadic Color

#fd1f85
```
#fd1f85 rgb(253,31,133)
```
#fd971f
```
#fd971f rgb(253,151,31)
```
#1ffd97
```
#1ffd97 rgb(31,253,151)
```
#1f85fd
```
#1f85fd rgb(31,133,253)
```

Tetradic Color

#ce7002
```
#ce7002 rgb(206,112,2)
```
#e77e02
```
#e77e02 rgb(231,126,2)
```
#fd8b06
```
#fd8b06 rgb(253,139,6)
```
#fd971f
```
#fd971f rgb(253,151,31)
```
#fda338
```
#fda338 rgb(253,163,56)
```
#fdae52
```
#fdae52 rgb(253,174,82)
```
#feba6b
```
#feba6b rgb(254,186,107)
```

Monochromatic Color

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

#fd601f
```
#fd601f rgb(253,96,31)
```
#fd721f
```
#fd721f rgb(253,114,31)
```
#fd851f
```
#fd851f rgb(253,133,31)
```
#fd971f
```
#fd971f rgb(253,151,31)
```
#fdaa1f
```
#fdaa1f rgb(253,170,31)
```
#fdbc1f
```
#fdbc1f rgb(253,188,31)
```
#fdcf1f
```
#fdcf1f rgb(253,207,31)
```

Similar Colors

Text with hexadecimal color #fd971f

This text has a font color of #fd971f.

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

#fd971f background color

This paragraph has a background color of #fd971f.

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

#fd971f border color

This element has a border color of #fd971f.

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

CSS codes

.text {color:#fd971f;}

.background {background-color:#fd971f;}

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

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

#090500
```
#090500 rgb(9,5,0)
```
#1d1000
```
#1d1000 rgb(29,16,0)
```
#301a00
```
#301a00 rgb(48,26,0)
```
#442501
```
#442501 rgb(68,37,1)
```
#572f01
```
#572f01 rgb(87,47,1)
```
#6b3a01
```
#6b3a01 rgb(107,58,1)
```
#7e4501
```
#7e4501 rgb(126,69,1)
```
#914f01
```
#914f01 rgb(145,79,1)
```
#a55a01
```
#a55a01 rgb(165,90,1)
```
#b86402
```
#b86402 rgb(184,100,2)
```
#cc6f02
```
#cc6f02 rgb(204,111,2)
```
#df7a02
```
#df7a02 rgb(223,122,2)
```
#f38402
```
#f38402 rgb(243,132,2)
```

Shade Color Variation

#fd8e0c
```
#fd8e0c rgb(253,142,12)
```
#fd971f
```
#fd971f rgb(253,151,31)
```
#fda032
```
#fda032 rgb(253,160,50)
```
#fda946
```
#fda946 rgb(253,169,70)
```
#feb259
```
#feb259 rgb(254,178,89)
```
#febb6d
```
#febb6d rgb(254,187,109)
```
#fec480
```
#fec480 rgb(254,196,128)
```
#fecd94
```
#fecd94 rgb(254,205,148)
```
#fed6a7
```
#fed6a7 rgb(254,214,167)
```
#fedfbb
```
#fedfbb rgb(254,223,187)
```
#ffe8ce
```
#ffe8ce rgb(255,232,206)
```
#fff1e1
```
#fff1e1 rgb(255,241,225)
```
#fffaf5
```
#fffaf5 rgb(255,250,245)
```

Tint Color Variation

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

#958f87
```
#958f87 rgb(149,143,135)
```
#9d8f7f
```
#9d8f7f rgb(157,143,127)
```
#a69076
```
#a69076 rgb(166,144,118)
```
#af916d
```
#af916d rgb(175,145,109)
```
#b79165
```
#b79165 rgb(183,145,101)
```
#c0925c
```
#c0925c rgb(192,146,92)
```
#c99353
```
#c99353 rgb(201,147,83)
```
#d2934a
```
#d2934a rgb(210,147,74)
```
#da9442
```
#da9442 rgb(218,148,66)
```
#e39539
```
#e39539 rgb(227,149,57)
```
#ec9630
```
#ec9630 rgb(236,150,48)
```
#f49628
```
#f49628 rgb(244,150,40)
```
#fd971f
```
#fd971f rgb(253,151,31)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b9a58d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b330 Protanopia 1% of men
#e0aa1f Deuteranopia 1% of men
#ff949d Tritanopia 0.001% of the population

Trichromacy

#dba92a Protanomaly 1% of men, 0.01% of women
#eaa31f Deuteranomaly 6% of men, 0.4% of women
#fe956f Tritanomaly 0.01% of the population

#fd971f hex color

#fd971f Color Information

#fd971f Color Conversion

Color Schemes with #fd971f

Alternatives to #fd971f

#fd971f Preview

Shades and Tints of #fd971f

Tones of #fd971f

Color Blindness Simulator