#fc961f hex color

In a RGB color space, hex #fc961f is composed of 98.8% red, 58.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.5% magenta, 87.7% yellow and 1.2% black. It has a hue angle of 32.3 degrees, a saturation of 97.4% and a lightness of 55.5%. #fc961f color hex could be obtained by blending #ffff3e with #f92d00. 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

● #fc961f color description : Vivid orange.

The hexadecimal color #fc961f has RGB values of R:252, G:150, B:31 and CMYK values of C:0, M:0.4, Y:0.88, K:0.01. Its decimal value is 16553503.

Hex triplet	fc961f	`#fc961f`
RGB Decimal	252, 150, 31	`rgb(252,150,31)`
RGB Percent	98.8, 58.8, 12.2	`rgb(98.8%,58.8%,12.2%)`
CMYK	0, 40, 88, 1
HSL	32.3°, 97.4, 55.5	`hsl(32.3,97.4%,55.5%)`
HSV (or HSB)	32.3°, 87.7, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	71.29, 30.845, 71.075
XYZ	51.3, 42.611, 6.819
xyY	0.509, 0.423, 42.611
CIE-LCH	71.29, 77.479, 66.54
CIE-LUV	71.29, 84.15, 65.895
Hunter-Lab	65.277, 26.045, 39.5
Binary	11111100, 10010110, 00011111

#fc961f
```
#fc961f rgb(252,150,31)
```
#1f85fc
```
#1f85fc rgb(31,133,252)
```

Complementary Color

#fc281f
```
#fc281f rgb(252,40,31)
```
#fc961f
```
#fc961f rgb(252,150,31)
```
#f4fc1f
```
#f4fc1f rgb(244,252,31)
```

Analogous Color

#281ffc
```
#281ffc rgb(40,31,252)
```
#fc961f
```
#fc961f rgb(252,150,31)
```
#1ff4fc
```
#1ff4fc rgb(31,244,252)
```

Split Complementary Color

#961ffc
```
#961ffc rgb(150,31,252)
```
#fc961f
```
#fc961f rgb(252,150,31)
```
#1ffc96
```
#1ffc96 rgb(31,252,150)
```

Triadic Color

#fc1f85
```
#fc1f85 rgb(252,31,133)
```
#fc961f
```
#fc961f rgb(252,150,31)
```
#1ffc96
```
#1ffc96 rgb(31,252,150)
```
#1f85fc
```
#1f85fc rgb(31,133,252)
```

Tetradic Color

#cc6f03
```
#cc6f03 rgb(204,111,3)
```
#e57d03
```
#e57d03 rgb(229,125,3)
```
#fc8a06
```
#fc8a06 rgb(252,138,6)
```
#fc961f
```
#fc961f rgb(252,150,31)
```
#fca238
```
#fca238 rgb(252,162,56)
```
#fdae51
```
#fdae51 rgb(253,174,81)
```
#fdb96a
```
#fdb96a rgb(253,185,106)
```

Monochromatic Color

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

#fc5f1f
```
#fc5f1f rgb(252,95,31)
```
#fc711f
```
#fc711f rgb(252,113,31)
```
#fc841f
```
#fc841f rgb(252,132,31)
```
#fc961f
```
#fc961f rgb(252,150,31)
```
#fca81f
```
#fca81f rgb(252,168,31)
```
#fcbb1f
```
#fcbb1f rgb(252,187,31)
```
#fccd1f
```
#fccd1f rgb(252,205,31)
```

Similar Colors

Text with hexadecimal color #fc961f

This text has a font color of #fc961f.

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

#fc961f background color

This paragraph has a background color of #fc961f.

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

#fc961f border color

This element has a border color of #fc961f.

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

CSS codes

.text {color:#fc961f;}

.background {background-color:#fc961f;}

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

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

#080500
```
#080500 rgb(8,5,0)
```
#1c0f00
```
#1c0f00 rgb(28,15,0)
```
#2f1a01
```
#2f1a01 rgb(47,26,1)
```
#422401
```
#422401 rgb(66,36,1)
```
#562f01
```
#562f01 rgb(86,47,1)
```
#693901
```
#693901 rgb(105,57,1)
```
#7c4402
```
#7c4402 rgb(124,68,2)
```
#904e02
```
#904e02 rgb(144,78,2)
```
#a35902
```
#a35902 rgb(163,89,2)
```
#b66302
```
#b66302 rgb(182,99,2)
```
#ca6e03
```
#ca6e03 rgb(202,110,3)
```
#dd7803
```
#dd7803 rgb(221,120,3)
```
#f18303
```
#f18303 rgb(241,131,3)
```

Shade Color Variation

#fc8d0c
```
#fc8d0c rgb(252,141,12)
```
#fc961f
```
#fc961f rgb(252,150,31)
```
#fc9f32
```
#fc9f32 rgb(252,159,50)
```
#fda846
```
#fda846 rgb(253,168,70)
```
#fdb159
```
#fdb159 rgb(253,177,89)
```
#fdba6c
```
#fdba6c rgb(253,186,108)
```
#fdc380
```
#fdc380 rgb(253,195,128)
```
#fecc93
```
#fecc93 rgb(254,204,147)
```
#fed6a6
```
#fed6a6 rgb(254,214,166)
```
#fedfba
```
#fedfba rgb(254,223,186)
```
#fee8cd
```
#fee8cd rgb(254,232,205)
```
#fff1e1
```
#fff1e1 rgb(255,241,225)
```
#fffaf4
```
#fffaf4 rgb(255,250,244)
```

Tint Color Variation

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

#938e88
```
#938e88 rgb(147,142,136)
```
#9c8f7f
```
#9c8f7f rgb(156,143,127)
```
#a58f76
```
#a58f76 rgb(165,143,118)
```
#ad906e
```
#ad906e rgb(173,144,110)
```
#b69165
```
#b69165 rgb(182,145,101)
```
#bf915c
```
#bf915c rgb(191,145,92)
```
#c89253
```
#c89253 rgb(200,146,83)
```
#d0934b
```
#d0934b rgb(208,147,75)
```
#d99342
```
#d99342 rgb(217,147,66)
```
#e29439
```
#e29439 rgb(226,148,57)
```
#eb9530
```
#eb9530 rgb(235,149,48)
```
#f39528
```
#f39528 rgb(243,149,40)
```
#fc961f
```
#fc961f rgb(252,150,31)
```

Tone Color Variation

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

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

Trichromacy

#daa82a Protanomaly 1% of men, 0.01% of women
#e9a21f Deuteranomaly 6% of men, 0.4% of women
#fd946e Tritanomaly 0.01% of the population

#fc961f hex color

#fc961f Color Information

#fc961f Color Conversion

Color Schemes with #fc961f

Alternatives to #fc961f

#fc961f Preview

Shades and Tints of #fc961f

Tones of #fc961f

Color Blindness Simulator