#fc221e hex color

In a RGB color space, hex #fc221e is composed of 98.8% red, 13.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 88.1% yellow and 1.2% black. It has a hue angle of 1.1 degrees, a saturation of 97.4% and a lightness of 55.3%. #fc221e color hex could be obtained by blending #ff443c 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

● #fc221e color description : Vivid red.

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

Hex triplet	fc221e	`#fc221e`
RGB Decimal	252, 34, 30	`rgb(252,34,30)`
RGB Percent	98.8, 13.3, 11.8	`rgb(98.8%,13.3%,11.8%)`
CMYK	0, 87, 88, 1
HSL	1.1°, 97.4, 55.3	`hsl(1.1,97.4%,55.3%)`
HSV (or HSB)	1.1°, 88.1, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.962, 76.089, 58.226
XYZ	40.954, 21.939, 3.307
xyY	0.619, 0.331, 21.939
CIE-LCH	53.962, 95.811, 37.425
CIE-LUV	53.962, 163.664, 36.007
Hunter-Lab	46.839, 74.104, 28.602
Binary	11111100, 00100010, 00011110

#fc221e
```
#fc221e rgb(252,34,30)
```
#1ef8fc
```
#1ef8fc rgb(30,248,252)
```

Complementary Color

#fc1e89
```
#fc1e89 rgb(252,30,137)
```
#fc221e
```
#fc221e rgb(252,34,30)
```
#fc911e
```
#fc911e rgb(252,145,30)
```

Analogous Color

#1e89fc
```
#1e89fc rgb(30,137,252)
```
#fc221e
```
#fc221e rgb(252,34,30)
```
#1efc91
```
#1efc91 rgb(30,252,145)
```

Split Complementary Color

#221efc
```
#221efc rgb(34,30,252)
```
#fc221e
```
#fc221e rgb(252,34,30)
```
#1efc22
```
#1efc22 rgb(30,252,34)
```

Triadic Color

#fc1ef8
```
#fc1ef8 rgb(252,30,248)
```
#fc221e
```
#fc221e rgb(252,34,30)
```
#1efc22
```
#1efc22 rgb(30,252,34)
```
#1ef8fc
```
#1ef8fc rgb(30,248,252)
```

Tetradic Color

#cb0603
```
#cb0603 rgb(203,6,3)
```
#e40703
```
#e40703 rgb(228,7,3)
```
#fc0905
```
#fc0905 rgb(252,9,5)
```
#fc221e
```
#fc221e rgb(252,34,30)
```
#fc3b37
```
#fc3b37 rgb(252,59,55)
```
#fd5350
```
#fd5350 rgb(253,83,80)
```
#fd6c69
```
#fd6c69 rgb(253,108,105)
```

Monochromatic Color

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

#fc1e51
```
#fc1e51 rgb(252,30,81)
```
#fc1e3f
```
#fc1e3f rgb(252,30,63)
```
#fc1e2d
```
#fc1e2d rgb(252,30,45)
```
#fc221e
```
#fc221e rgb(252,34,30)
```
#fc351e
```
#fc351e rgb(252,53,30)
```
#fc471e
```
#fc471e rgb(252,71,30)
```
#fc5a1e
```
#fc5a1e rgb(252,90,30)
```

Similar Colors

Text with hexadecimal color #fc221e

This text has a font color of #fc221e.

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

#fc221e background color

This paragraph has a background color of #fc221e.

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

#fc221e border color

This element has a border color of #fc221e.

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

CSS codes

.text {color:#fc221e;}

.background {background-color:#fc221e;}

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

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

#070000
```
#070000 rgb(7,0,0)
```
#1b0100
```
#1b0100 rgb(27,1,0)
```
#2e0101
```
#2e0101 rgb(46,1,1)
```
#410201
```
#410201 rgb(65,2,1)
```
#550301
```
#550301 rgb(85,3,1)
```
#680301
```
#680301 rgb(104,3,1)
```
#7b0402
```
#7b0402 rgb(123,4,2)
```
#8f0402
```
#8f0402 rgb(143,4,2)
```
#a20502
```
#a20502 rgb(162,5,2)
```
#b60602
```
#b60602 rgb(182,6,2)
```
#c90603
```
#c90603 rgb(201,6,3)
```
#dc0703
```
#dc0703 rgb(220,7,3)
```
#f00703
```
#f00703 rgb(240,7,3)
```

Shade Color Variation

#fc0f0b
```
#fc0f0b rgb(252,15,11)
```
#fc221e
```
#fc221e rgb(252,34,30)
```
#fc3531
```
#fc3531 rgb(252,53,49)
```
#fd4845
```
#fd4845 rgb(253,72,69)
```
#fd5b58
```
#fd5b58 rgb(253,91,88)
```
#fd6e6b
```
#fd6e6b rgb(253,110,107)
```
#fd817f
```
#fd817f rgb(253,129,127)
```
#fe9492
```
#fe9492 rgb(254,148,146)
```
#fea7a6
```
#fea7a6 rgb(254,167,166)
```
#febab9
```
#febab9 rgb(254,186,185)
```
#fecdcc
```
#fecdcc rgb(254,205,204)
```
#ffe0e0
```
#ffe0e0 rgb(255,224,224)
```
#fff3f3
```
#fff3f3 rgb(255,243,243)
```

Tint Color Variation

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

#938787
```
#938787 rgb(147,135,135)
```
#9c7f7e
```
#9c7f7e rgb(156,127,126)
```
#a47776
```
#a47776 rgb(164,119,118)
```
#ad6e6d
```
#ad6e6d rgb(173,110,109)
```
#b66664
```
#b66664 rgb(182,102,100)
```
#bf5d5b
```
#bf5d5b rgb(191,93,91)
```
#c75553
```
#c75553 rgb(199,85,83)
```
#d04c4a
```
#d04c4a rgb(208,76,74)
```
#d94441
```
#d94441 rgb(217,68,65)
```
#e23b38
```
#e23b38 rgb(226,59,56)
```
#ea3330
```
#ea3330 rgb(234,51,48)
```
#f32a27
```
#f32a27 rgb(243,42,39)
```
#fc221e
```
#fc221e rgb(252,34,30)
```

Tone Color Variation

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

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

Trichromacy

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

#fc221e hex color

#fc221e Color Information

#fc221e Color Conversion

Color Schemes with #fc221e

Alternatives to #fc221e

#fc221e Preview

Shades and Tints of #fc221e

Tones of #fc221e

Color Blindness Simulator