#fc921f hex color

In a RGB color space, hex #fc921f is composed of 98.8% red, 57.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.1% magenta, 87.7% yellow and 1.2% black. It has a hue angle of 31.2 degrees, a saturation of 97.4% and a lightness of 55.5%. #fc921f color hex could be obtained by blending #ffff3e with #f92500. Closest websafe color is: #ff9933.

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

● #fc921f color description : Vivid orange.

The hexadecimal color #fc921f has RGB values of R:252, G:146, B:31 and CMYK values of C:0, M:0.42, Y:0.88, K:0.01. Its decimal value is 16552479.

Hex triplet	fc921f	`#fc921f`
RGB Decimal	252, 146, 31	`rgb(252,146,31)`
RGB Percent	98.8, 57.3, 12.2	`rgb(98.8%,57.3%,12.2%)`
CMYK	0, 42, 88, 1
HSL	31.2°, 97.4, 55.5	`hsl(31.2,97.4%,55.5%)`
HSV (or HSB)	31.2°, 87.7, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	70.425, 32.909, 70.403
XYZ	50.673, 41.356, 6.61
xyY	0.514, 0.419, 41.356
CIE-LCH	70.425, 77.715, 64.947
CIE-LUV	70.425, 87.482, 64.482
Hunter-Lab	64.309, 28.11, 38.922
Binary	11111100, 10010010, 00011111

#fc921f
```
#fc921f rgb(252,146,31)
```
#1f89fc
```
#1f89fc rgb(31,137,252)
```

Complementary Color

#fc241f
```
#fc241f rgb(252,36,31)
```
#fc921f
```
#fc921f rgb(252,146,31)
```
#f8fc1f
```
#f8fc1f rgb(248,252,31)
```

Analogous Color

#241ffc
```
#241ffc rgb(36,31,252)
```
#fc921f
```
#fc921f rgb(252,146,31)
```
#1ff8fc
```
#1ff8fc rgb(31,248,252)
```

Split Complementary Color

#921ffc
```
#921ffc rgb(146,31,252)
```
#fc921f
```
#fc921f rgb(252,146,31)
```
#1ffc92
```
#1ffc92 rgb(31,252,146)
```

Triadic Color

#fc1f89
```
#fc1f89 rgb(252,31,137)
```
#fc921f
```
#fc921f rgb(252,146,31)
```
#1ffc92
```
#1ffc92 rgb(31,252,146)
```
#1f89fc
```
#1f89fc rgb(31,137,252)
```

Tetradic Color

#cc6b03
```
#cc6b03 rgb(204,107,3)
```
#e57903
```
#e57903 rgb(229,121,3)
```
#fc8606
```
#fc8606 rgb(252,134,6)
```
#fc921f
```
#fc921f rgb(252,146,31)
```
#fc9e38
```
#fc9e38 rgb(252,158,56)
```
#fdaa51
```
#fdaa51 rgb(253,170,81)
```
#fdb76a
```
#fdb76a rgb(253,183,106)
```

Monochromatic Color

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

#fc5b1f
```
#fc5b1f rgb(252,91,31)
```
#fc6d1f
```
#fc6d1f rgb(252,109,31)
```
#fc801f
```
#fc801f rgb(252,128,31)
```
#fc921f
```
#fc921f rgb(252,146,31)
```
#fca41f
```
#fca41f rgb(252,164,31)
```
#fcb71f
```
#fcb71f rgb(252,183,31)
```
#fcc91f
```
#fcc91f rgb(252,201,31)
```

Similar Colors

Text with hexadecimal color #fc921f

This text has a font color of #fc921f.

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

#fc921f background color

This paragraph has a background color of #fc921f.

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

#fc921f border color

This element has a border color of #fc921f.

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

CSS codes

.text {color:#fc921f;}

.background {background-color:#fc921f;}

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

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

#080400
```
#080400 rgb(8,4,0)
```
#1c0f00
```
#1c0f00 rgb(28,15,0)
```
#2f1901
```
#2f1901 rgb(47,25,1)
```
#422301
```
#422301 rgb(66,35,1)
```
#562d01
```
#562d01 rgb(86,45,1)
```
#693701
```
#693701 rgb(105,55,1)
```
#7c4202
```
#7c4202 rgb(124,66,2)
```
#904c02
```
#904c02 rgb(144,76,2)
```
#a35602
```
#a35602 rgb(163,86,2)
```
#b66002
```
#b66002 rgb(182,96,2)
```
#ca6a03
```
#ca6a03 rgb(202,106,3)
```
#dd7503
```
#dd7503 rgb(221,117,3)
```
#f17f03
```
#f17f03 rgb(241,127,3)
```

Shade Color Variation

#fc890c
```
#fc890c rgb(252,137,12)
```
#fc921f
```
#fc921f rgb(252,146,31)
```
#fc9b32
```
#fc9b32 rgb(252,155,50)
```
#fda546
```
#fda546 rgb(253,165,70)
```
#fdae59
```
#fdae59 rgb(253,174,89)
```
#fdb86c
```
#fdb86c rgb(253,184,108)
```
#fdc180
```
#fdc180 rgb(253,193,128)
```
#fecb93
```
#fecb93 rgb(254,203,147)
```
#fed4a6
```
#fed4a6 rgb(254,212,166)
```
#feddba
```
#feddba rgb(254,221,186)
```
#fee7cd
```
#fee7cd rgb(254,231,205)
```
#fff0e1
```
#fff0e1 rgb(255,240,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 #fc921f is the most saturated one.

#938e88
```
#938e88 rgb(147,142,136)
```
#9c8e7f
```
#9c8e7f rgb(156,142,127)
```
#a58e76
```
#a58e76 rgb(165,142,118)
```
#ad8f6e
```
#ad8f6e rgb(173,143,110)
```
#b68f65
```
#b68f65 rgb(182,143,101)
```
#bf905c
```
#bf905c rgb(191,144,92)
```
#c89053
```
#c89053 rgb(200,144,83)
```
#d0904b
```
#d0904b rgb(208,144,75)
```
#d99142
```
#d99142 rgb(217,145,66)
```
#e29139
```
#e29139 rgb(226,145,57)
```
#eb9130
```
#eb9130 rgb(235,145,48)
```
#f39228
```
#f39228 rgb(243,146,40)
```
#fc921f
```
#fc921f rgb(252,146,31)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b6a18a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b031 Protanopia 1% of men
#dca81e Deuteranopia 1% of men
#ff8f98 Tritanopia 0.001% of the population

Trichromacy

#d9a52a Protanomaly 1% of men, 0.01% of women
#e8a01e Deuteranomaly 6% of men, 0.4% of women
#fd906c Tritanomaly 0.01% of the population

#fc921f hex color

#fc921f Color Information

#fc921f Color Conversion

Color Schemes with #fc921f

Alternatives to #fc921f

#fc921f Preview

Shades and Tints of #fc921f

Tones of #fc921f

Color Blindness Simulator