#fc221f hex color

In a RGB color space, hex #fc221f is composed of 98.8% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 87.7% yellow and 1.2% black. It has a hue angle of 0.8 degrees, a saturation of 97.4% and a lightness of 55.5%. #fc221f color hex could be obtained by blending #ff443e with #f90000. Closest websafe color is: #ff3333.

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

● #fc221f color description : Vivid red.

The hexadecimal color #fc221f has RGB values of R:252, G:34, B:31 and CMYK values of C:0, M:0.87, Y:0.88, K:0.01. Its decimal value is 16523807.

Hex triplet	fc221f	`#fc221f`
RGB Decimal	252, 34, 31	`rgb(252,34,31)`
RGB Percent	98.8, 13.3, 12.2	`rgb(98.8%,13.3%,12.2%)`
CMYK	0, 87, 88, 1
HSL	0.8°, 97.4, 55.5	`hsl(0.8,97.4%,55.5%)`
HSV (or HSB)	0.8°, 87.7, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.967, 76.105, 57.809
XYZ	40.966, 21.944, 3.375
xyY	0.618, 0.331, 21.944
CIE-LCH	53.967, 95.571, 37.22
CIE-LUV	53.967, 163.541, 35.813
Hunter-Lab	46.844, 74.126, 28.519
Binary	11111100, 00100010, 00011111

#fc221f
```
#fc221f rgb(252,34,31)
```
#1ff9fc
```
#1ff9fc rgb(31,249,252)
```

Complementary Color

#fc1f8b
```
#fc1f8b rgb(252,31,139)
```
#fc221f
```
#fc221f rgb(252,34,31)
```
#fc911f
```
#fc911f rgb(252,145,31)
```

Analogous Color

#1f8bfc
```
#1f8bfc rgb(31,139,252)
```
#fc221f
```
#fc221f rgb(252,34,31)
```
#1ffc91
```
#1ffc91 rgb(31,252,145)
```

Split Complementary Color

#221ffc
```
#221ffc rgb(34,31,252)
```
#fc221f
```
#fc221f rgb(252,34,31)
```
#1ffc22
```
#1ffc22 rgb(31,252,34)
```

Triadic Color

#fc1ff9
```
#fc1ff9 rgb(252,31,249)
```
#fc221f
```
#fc221f rgb(252,34,31)
```
#1ffc22
```
#1ffc22 rgb(31,252,34)
```
#1ff9fc
```
#1ff9fc rgb(31,249,252)
```

Tetradic Color

#cc0503
```
#cc0503 rgb(204,5,3)
```
#e50603
```
#e50603 rgb(229,6,3)
```
#fc0906
```
#fc0906 rgb(252,9,6)
```
#fc221f
```
#fc221f rgb(252,34,31)
```
#fc3b38
```
#fc3b38 rgb(252,59,56)
```
#fd5451
```
#fd5451 rgb(253,84,81)
```
#fd6c6a
```
#fd6c6a rgb(253,108,106)
```

Monochromatic Color

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

#fc1f53
```
#fc1f53 rgb(252,31,83)
```
#fc1f41
```
#fc1f41 rgb(252,31,65)
```
#fc1f2e
```
#fc1f2e rgb(252,31,46)
```
#fc221f
```
#fc221f rgb(252,34,31)
```
#fc341f
```
#fc341f rgb(252,52,31)
```
#fc471f
```
#fc471f rgb(252,71,31)
```
#fc591f
```
#fc591f rgb(252,89,31)
```

Similar Colors

Text with hexadecimal color #fc221f

This text has a font color of #fc221f.

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

#fc221f background color

This paragraph has a background color of #fc221f.

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

#fc221f border color

This element has a border color of #fc221f.

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

CSS codes

.text {color:#fc221f;}

.background {background-color:#fc221f;}

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

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

#080000
```
#080000 rgb(8,0,0)
```
#1c0100
```
#1c0100 rgb(28,1,0)
```
#2f0101
```
#2f0101 rgb(47,1,1)
```
#420201
```
#420201 rgb(66,2,1)
```
#560201
```
#560201 rgb(86,2,1)
```
#690301
```
#690301 rgb(105,3,1)
```
#7c0302
```
#7c0302 rgb(124,3,2)
```
#900402
```
#900402 rgb(144,4,2)
```
#a30402
```
#a30402 rgb(163,4,2)
```
#b60502
```
#b60502 rgb(182,5,2)
```
#ca0503
```
#ca0503 rgb(202,5,3)
```
#dd0603
```
#dd0603 rgb(221,6,3)
```
#f10603
```
#f10603 rgb(241,6,3)
```

Shade Color Variation

#fc0f0c
```
#fc0f0c rgb(252,15,12)
```
#fc221f
```
#fc221f rgb(252,34,31)
```
#fc3532
```
#fc3532 rgb(252,53,50)
```
#fd4846
```
#fd4846 rgb(253,72,70)
```
#fd5b59
```
#fd5b59 rgb(253,91,89)
```
#fd6e6c
```
#fd6e6c rgb(253,110,108)
```
#fd8180
```
#fd8180 rgb(253,129,128)
```
#fe9593
```
#fe9593 rgb(254,149,147)
```
#fea8a6
```
#fea8a6 rgb(254,168,166)
```
#febbba
```
#febbba rgb(254,187,186)
```
#fececd
```
#fececd rgb(254,206,205)
```
#ffe1e1
```
#ffe1e1 rgb(255,225,225)
```
#fff4f4
```
#fff4f4 rgb(255,244,244)
```

Tint Color Variation

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

#938888
```
#938888 rgb(147,136,136)
```
#9c7f7f
```
#9c7f7f rgb(156,127,127)
```
#a57776
```
#a57776 rgb(165,119,118)
```
#ad6e6e
```
#ad6e6e rgb(173,110,110)
```
#b66665
```
#b66665 rgb(182,102,101)
```
#bf5d5c
```
#bf5d5c rgb(191,93,92)
```
#c85553
```
#c85553 rgb(200,85,83)
```
#d04c4b
```
#d04c4b rgb(208,76,75)
```
#d94442
```
#d94442 rgb(217,68,66)
```
#e23b39
```
#e23b39 rgb(226,59,57)
```
#eb3330
```
#eb3330 rgb(235,51,48)
```
#f32a28
```
#f32a28 rgb(243,42,40)
```
#fc221f
```
#fc221f rgb(252,34,31)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#825655 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96873e Protanopia 1% of men
#a98100 Deuteranopia 1% of men
#fc2d2a Tritanopia 0.001% of the population

Trichromacy

#bb6232 Protanomaly 1% of men, 0.01% of women
#c75e0b Deuteranomaly 6% of men, 0.4% of women
#fc2926 Tritanomaly 0.01% of the population

#fc221f hex color

#fc221f Color Information

#fc221f Color Conversion

Color Schemes with #fc221f

Alternatives to #fc221f

#fc221f Preview

Shades and Tints of #fc221f

Tones of #fc221f

Color Blindness Simulator