#fd961f hex color

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

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

● #fd961f color description : Vivid orange.

The hexadecimal color #fd961f has RGB values of R:253, G:150, B:31 and CMYK values of C:0, M:0.41, Y:0.88, K:0.01. Its decimal value is 16619039.

Hex triplet	fd961f	`#fd961f`
RGB Decimal	253, 150, 31	`rgb(253,150,31)`
RGB Percent	99.2, 58.8, 12.2	`rgb(99.2%,58.8%,12.2%)`
CMYK	0, 41, 88, 1
HSL	32.2°, 98.2, 55.7	`hsl(32.2,98.2%,55.7%)`
HSV (or HSB)	32.2°, 87.7, 99.2
Web Safe	ff9933	`#ff9933`

CIE-LAB	71.418, 31.253, 71.229
XYZ	51.663, 42.798, 6.836
xyY	0.51, 0.422, 42.798
CIE-LCH	71.418, 77.784, 66.31
CIE-LUV	71.418, 84.98, 65.944
Hunter-Lab	65.421, 26.478, 39.599
Binary	11111101, 10010110, 00011111

#fd961f
```
#fd961f rgb(253,150,31)
```
#1f86fd
```
#1f86fd rgb(31,134,253)
```

Complementary Color

#fd271f
```
#fd271f rgb(253,39,31)
```
#fd961f
```
#fd961f rgb(253,150,31)
```
#f5fd1f
```
#f5fd1f rgb(245,253,31)
```

Analogous Color

#271ffd
```
#271ffd rgb(39,31,253)
```
#fd961f
```
#fd961f rgb(253,150,31)
```
#1ff5fd
```
#1ff5fd rgb(31,245,253)
```

Split Complementary Color

#961ffd
```
#961ffd rgb(150,31,253)
```
#fd961f
```
#fd961f rgb(253,150,31)
```
#1ffd96
```
#1ffd96 rgb(31,253,150)
```

Triadic Color

#fd1f86
```
#fd1f86 rgb(253,31,134)
```
#fd961f
```
#fd961f rgb(253,150,31)
```
#1ffd96
```
#1ffd96 rgb(31,253,150)
```
#1f86fd
```
#1f86fd rgb(31,134,253)
```

Tetradic Color

#ce6f02
```
#ce6f02 rgb(206,111,2)
```
#e77d02
```
#e77d02 rgb(231,125,2)
```
#fd8a06
```
#fd8a06 rgb(253,138,6)
```
#fd961f
```
#fd961f rgb(253,150,31)
```
#fda238
```
#fda238 rgb(253,162,56)
```
#fdae52
```
#fdae52 rgb(253,174,82)
```
#feba6b
```
#feba6b rgb(254,186,107)
```

Monochromatic Color

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

#fd5f1f
```
#fd5f1f rgb(253,95,31)
```
#fd711f
```
#fd711f rgb(253,113,31)
```
#fd841f
```
#fd841f rgb(253,132,31)
```
#fd961f
```
#fd961f rgb(253,150,31)
```
#fda91f
```
#fda91f rgb(253,169,31)
```
#fdbb1f
```
#fdbb1f rgb(253,187,31)
```
#fdce1f
```
#fdce1f rgb(253,206,31)
```

Similar Colors

Text with hexadecimal color #fd961f

This text has a font color of #fd961f.

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

#fd961f background color

This paragraph has a background color of #fd961f.

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

#fd961f border color

This element has a border color of #fd961f.

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

CSS codes

.text {color:#fd961f;}

.background {background-color:#fd961f;}

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

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)
```
#7e4401
```
#7e4401 rgb(126,68,1)
```
#914f01
```
#914f01 rgb(145,79,1)
```
#a55901
```
#a55901 rgb(165,89,1)
```
#b86402
```
#b86402 rgb(184,100,2)
```
#cc6e02
```
#cc6e02 rgb(204,110,2)
```
#df7902
```
#df7902 rgb(223,121,2)
```
#f38302
```
#f38302 rgb(243,131,2)
```

Shade Color Variation

#fd8d0c
```
#fd8d0c rgb(253,141,12)
```
#fd961f
```
#fd961f rgb(253,150,31)
```
#fd9f32
```
#fd9f32 rgb(253,159,50)
```
#fda846
```
#fda846 rgb(253,168,70)
```
#feb159
```
#feb159 rgb(254,177,89)
```
#feba6d
```
#feba6d rgb(254,186,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, #958e87 is the less saturated color, while #fd961f is the most saturated one.

#958e87
```
#958e87 rgb(149,142,135)
```
#9d8f7f
```
#9d8f7f rgb(157,143,127)
```
#a69076
```
#a69076 rgb(166,144,118)
```
#af906d
```
#af906d rgb(175,144,109)
```
#b79165
```
#b79165 rgb(183,145,101)
```
#c0925c
```
#c0925c rgb(192,146,92)
```
#c99253
```
#c99253 rgb(201,146,83)
```
#d2934a
```
#d2934a rgb(210,147,74)
```
#da9342
```
#da9342 rgb(218,147,66)
```
#e39439
```
#e39439 rgb(227,148,57)
```
#ec9530
```
#ec9530 rgb(236,149,48)
```
#f49528
```
#f49528 rgb(244,149,40)
```
#fd961f
```
#fd961f rgb(253,150,31)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b8a48c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b330 Protanopia 1% of men
#dfaa1f Deuteranopia 1% of men
#ff939c Tritanopia 0.001% of the population

Trichromacy

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

#fd961f hex color

#fd961f Color Information

#fd961f Color Conversion

Color Schemes with #fd961f

Alternatives to #fd961f

#fd961f Preview

Shades and Tints of #fd961f

Tones of #fd961f

Color Blindness Simulator