#fc2c22 hex color

In a RGB color space, hex #fc2c22 is composed of 98.8% red, 17.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.5% magenta, 86.5% yellow and 1.2% black. It has a hue angle of 2.8 degrees, a saturation of 97.3% and a lightness of 56.1%. #fc2c22 color hex could be obtained by blending #ff5844 with #f90000. Closest websafe color is: #ff3333.

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

● #fc2c22 color description : Vivid red.

The hexadecimal color #fc2c22 has RGB values of R:252, G:44, B:34 and CMYK values of C:0, M:0.83, Y:0.87, K:0.01. Its decimal value is 16526370.

Hex triplet	fc2c22	`#fc2c22`
RGB Decimal	252, 44, 34	`rgb(252,44,34)`
RGB Percent	98.8, 17.3, 13.3	`rgb(98.8%,17.3%,13.3%)`
CMYK	0, 83, 87, 1
HSL	2.8°, 97.3, 56.1	`hsl(2.8,97.3%,56.1%)`
HSV (or HSB)	2.8°, 86.5, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.676, 74.183, 57.061
XYZ	41.337, 22.618, 3.702
xyY	0.611, 0.334, 22.618
CIE-LCH	54.676, 93.59, 37.567
CIE-LUV	54.676, 159.413, 36.487
Hunter-Lab	47.558, 71.922, 28.675
Binary	11111100, 00101100, 00100010

#fc2c22
```
#fc2c22 rgb(252,44,34)
```
#22f2fc
```
#22f2fc rgb(34,242,252)
```

Complementary Color

#fc2285
```
#fc2285 rgb(252,34,133)
```
#fc2c22
```
#fc2c22 rgb(252,44,34)
```
#fc9922
```
#fc9922 rgb(252,153,34)
```

Analogous Color

#2285fc
```
#2285fc rgb(34,133,252)
```
#fc2c22
```
#fc2c22 rgb(252,44,34)
```
#22fc99
```
#22fc99 rgb(34,252,153)
```

Split Complementary Color

#2c22fc
```
#2c22fc rgb(44,34,252)
```
#fc2c22
```
#fc2c22 rgb(252,44,34)
```
#22fc2c
```
#22fc2c rgb(34,252,44)
```

Triadic Color

#fc22f2
```
#fc22f2 rgb(252,34,242)
```
#fc2c22
```
#fc2c22 rgb(252,44,34)
```
#22fc2c
```
#22fc2c rgb(34,252,44)
```
#22f2fc
```
#22f2fc rgb(34,242,252)
```

Tetradic Color

#cf0c03
```
#cf0c03 rgb(207,12,3)
```
#e80e03
```
#e80e03 rgb(232,14,3)
```
#fc1409
```
#fc1409 rgb(252,20,9)
```
#fc2c22
```
#fc2c22 rgb(252,44,34)
```
#fc443b
```
#fc443b rgb(252,68,59)
```
#fd5c54
```
#fd5c54 rgb(253,92,84)
```
#fd746d
```
#fd746d rgb(253,116,109)
```

Monochromatic Color

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

#fc224e
```
#fc224e rgb(252,34,78)
```
#fc223c
```
#fc223c rgb(252,34,60)
```
#fc222a
```
#fc222a rgb(252,34,42)
```
#fc2c22
```
#fc2c22 rgb(252,44,34)
```
#fc3e22
```
#fc3e22 rgb(252,62,34)
```
#fc5022
```
#fc5022 rgb(252,80,34)
```
#fc6322
```
#fc6322 rgb(252,99,34)
```

Similar Colors

Text with hexadecimal color #fc2c22

This text has a font color of #fc2c22.

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

#fc2c22 background color

This paragraph has a background color of #fc2c22.

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

#fc2c22 border color

This element has a border color of #fc2c22.

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

CSS codes

.text {color:#fc2c22;}

.background {background-color:#fc2c22;}

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

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, #0b0100 is the darkest color, while #fff7f7 is the lightest one.

#0b0100
```
#0b0100 rgb(11,1,0)
```
#1f0200
```
#1f0200 rgb(31,2,0)
```
#320301
```
#320301 rgb(50,3,1)
```
#450401
```
#450401 rgb(69,4,1)
```
#590501
```
#590501 rgb(89,5,1)
```
#6c0601
```
#6c0601 rgb(108,6,1)
```
#7f0702
```
#7f0702 rgb(127,7,2)
```
#930902
```
#930902 rgb(147,9,2)
```
#a60a02
```
#a60a02 rgb(166,10,2)
```
#b90b03
```
#b90b03 rgb(185,11,3)
```
#cd0c03
```
#cd0c03 rgb(205,12,3)
```
#e00d03
```
#e00d03 rgb(224,13,3)
```
#f30e03
```
#f30e03 rgb(243,14,3)
```

Shade Color Variation

#fc1a0f
```
#fc1a0f rgb(252,26,15)
```
#fc2c22
```
#fc2c22 rgb(252,44,34)
```
#fc3e35
```
#fc3e35 rgb(252,62,53)
```
#fd5149
```
#fd5149 rgb(253,81,73)
```
#fd635c
```
#fd635c rgb(253,99,92)
```
#fd766f
```
#fd766f rgb(253,118,111)
```
#fd8883
```
#fd8883 rgb(253,136,131)
```
#fe9b96
```
#fe9b96 rgb(254,155,150)
```
#feada9
```
#feada9 rgb(254,173,169)
```
#fec0bd
```
#fec0bd rgb(254,192,189)
```
#fed2d0
```
#fed2d0 rgb(254,210,208)
```
#ffe5e4
```
#ffe5e4 rgb(255,229,228)
```
#fff7f7
```
#fff7f7 rgb(255,247,247)
```

Tint Color Variation

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

#958a89
```
#958a89 rgb(149,138,137)
```
#9d8281
```
#9d8281 rgb(157,130,129)
```
#a67a78
```
#a67a78 rgb(166,122,120)
```
#ae7270
```
#ae7270 rgb(174,114,112)
```
#b76b67
```
#b76b67 rgb(183,107,103)
```
#c0635e
```
#c0635e rgb(192,99,94)
```
#c85b56
```
#c85b56 rgb(200,91,86)
```
#d1534d
```
#d1534d rgb(209,83,77)
```
#da4b44
```
#da4b44 rgb(218,75,68)
```
#e2433c
```
#e2433c rgb(226,67,60)
```
#eb3c33
```
#eb3c33 rgb(235,60,51)
```
#f3342b
```
#f3342b rgb(243,52,43)
```
#fc2c22
```
#fc2c22 rgb(252,44,34)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#865d5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#978940 Protanopia 1% of men
#ab8201 Deuteranopia 1% of men
#fc3535 Tritanopia 0.001% of the population

Trichromacy

#bc6735 Protanomaly 1% of men, 0.01% of women
#c9630d Deuteranomaly 6% of men, 0.4% of women
#fc322e Tritanomaly 0.01% of the population

#fc2c22 hex color

#fc2c22 Color Information

#fc2c22 Color Conversion

Color Schemes with #fc2c22

Alternatives to #fc2c22

#fc2c22 Preview

Shades and Tints of #fc2c22

Tones of #fc2c22

Color Blindness Simulator