#fc2a36 hex color

In a RGB color space, hex #fc2a36 is composed of 98.8% red, 16.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 78.6% yellow and 1.2% black. It has a hue angle of 356.6 degrees, a saturation of 97.2% and a lightness of 57.6%. #fc2a36 color hex could be obtained by blending #ff546c with #f90000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 99
- G 16
- B 21
RGB color chart
- C 0
- M 83
- Y 79
- K 1
CMYK color chart

● #fc2a36 color description : Bright red.

The hexadecimal color #fc2a36 has RGB values of R:252, G:42, B:54 and CMYK values of C:0, M:0.83, Y:0.79, K:0.01. Its decimal value is 16525878.

Hex triplet	fc2a36	`#fc2a36`
RGB Decimal	252, 42, 54	`rgb(252,42,54)`
RGB Percent	98.8, 16.5, 21.2	`rgb(98.8%,16.5%,21.2%)`
CMYK	0, 83, 79, 1
HSL	356.6°, 97.2, 57.6	`hsl(356.6,97.2%,57.6%)`
HSV (or HSB)	356.6°, 83.3, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.682, 75.086, 47.206
XYZ	41.641, 22.623, 5.664
xyY	0.595, 0.324, 22.623
CIE-LCH	54.682, 88.692, 32.157
CIE-LUV	54.682, 156.877, 30.757
Hunter-Lab	47.564, 73.036, 26.234
Binary	11111100, 00101010, 00110110

#fc2a36
```
#fc2a36 rgb(252,42,54)
```
#2afcf0
```
#2afcf0 rgb(42,252,240)
```

Complementary Color

#fc2a9f
```
#fc2a9f rgb(252,42,159)
```
#fc2a36
```
#fc2a36 rgb(252,42,54)
```
#fc872a
```
#fc872a rgb(252,135,42)
```

Analogous Color

#2a9ffc
```
#2a9ffc rgb(42,159,252)
```
#fc2a36
```
#fc2a36 rgb(252,42,54)
```
#2afc87
```
#2afc87 rgb(42,252,135)
```

Split Complementary Color

#2a36fc
```
#2a36fc rgb(42,54,252)
```
#fc2a36
```
#fc2a36 rgb(252,42,54)
```
#36fc2a
```
#36fc2a rgb(54,252,42)
```

Triadic Color

#f02afc
```
#f02afc rgb(240,42,252)
```
#fc2a36
```
#fc2a36 rgb(252,42,54)
```
#36fc2a
```
#36fc2a rgb(54,252,42)
```
#2afcf0
```
#2afcf0 rgb(42,252,240)
```

Tetradic Color

#d6030f
```
#d6030f rgb(214,3,15)
```
#f00311
```
#f00311 rgb(240,3,17)
```
#fc111e
```
#fc111e rgb(252,17,30)
```
#fc2a36
```
#fc2a36 rgb(252,42,54)
```
#fc434e
```
#fc434e rgb(252,67,78)
```
#fd5c65
```
#fd5c65 rgb(253,92,101)
```
#fd757d
```
#fd757d rgb(253,117,125)
```

Monochromatic Color

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

#fc2a6b
```
#fc2a6b rgb(252,42,107)
```
#fc2a59
```
#fc2a59 rgb(252,42,89)
```
#fc2a48
```
#fc2a48 rgb(252,42,72)
```
#fc2a36
```
#fc2a36 rgb(252,42,54)
```
#fc2f2a
```
#fc2f2a rgb(252,47,42)
```
#fc412a
```
#fc412a rgb(252,65,42)
```
#fc522a
```
#fc522a rgb(252,82,42)
```

Similar Colors

Text with hexadecimal color #fc2a36

This text has a font color of #fc2a36.

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

#fc2a36 background color

This paragraph has a background color of #fc2a36.

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

#fc2a36 border color

This element has a border color of #fc2a36.

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

CSS codes

.text {color:#fc2a36;}

.background {background-color:#fc2a36;}

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

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

#130001
```
#130001 rgb(19,0,1)
```
#260103
```
#260103 rgb(38,1,3)
```
#3a0104
```
#3a0104 rgb(58,1,4)
```
#4d0105
```
#4d0105 rgb(77,1,5)
```
#600107
```
#600107 rgb(96,1,7)
```
#740208
```
#740208 rgb(116,2,8)
```
#87020a
```
#87020a rgb(135,2,10)
```
#9b020b
```
#9b020b rgb(155,2,11)
```
#ae020c
```
#ae020c rgb(174,2,12)
```
#c1030e
```
#c1030e rgb(193,3,14)
```
#d5030f
```
#d5030f rgb(213,3,15)
```
#e80310
```
#e80310 rgb(232,3,16)
```
#fb0412
```
#fb0412 rgb(251,4,18)
```

Shade Color Variation

#fc1724
```
#fc1724 rgb(252,23,36)
```
#fc2a36
```
#fc2a36 rgb(252,42,54)
```
#fc3d48
```
#fc3d48 rgb(252,61,72)
```
#fd515b
```
#fd515b rgb(253,81,91)
```
#fd646d
```
#fd646d rgb(253,100,109)
```
#fd777f
```
#fd777f rgb(253,119,127)
```
#fd8b91
```
#fd8b91 rgb(253,139,145)
```
#fe9ea4
```
#fe9ea4 rgb(254,158,164)
```
#feb1b6
```
#feb1b6 rgb(254,177,182)
```
#fec5c8
```
#fec5c8 rgb(254,197,200)
```
#fed8da
```
#fed8da rgb(254,216,218)
```
#ffebed
```
#ffebed rgb(255,235,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#988e8e
```
#988e8e rgb(152,142,142)
```
#a18587
```
#a18587 rgb(161,133,135)
```
#a97d80
```
#a97d80 rgb(169,125,128)
```
#b17578
```
#b17578 rgb(177,117,120)
```
#ba6c71
```
#ba6c71 rgb(186,108,113)
```
#c2646a
```
#c2646a rgb(194,100,106)
```
#ca5c62
```
#ca5c62 rgb(202,92,98)
```
#d2545b
```
#d2545b rgb(210,84,91)
```
#db4b53
```
#db4b53 rgb(219,75,83)
```
#e3434c
```
#e3434c rgb(227,67,76)
```
#eb3b45
```
#eb3b45 rgb(235,59,69)
```
#f4323d
```
#f4323d rgb(244,50,61)
```
#fc2a36
```
#fc2a36 rgb(252,42,54)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#875d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958956 Protanopia 1% of men
#aa822f Deuteranopia 1% of men
#fb3636 Tritanopia 0.001% of the population

Trichromacy

#ba664a Protanomaly 1% of men, 0.01% of women
#c86231 Deuteranomaly 6% of men, 0.4% of women
#fb3236 Tritanomaly 0.01% of the population

#fc2a36 hex color

#fc2a36 Color Information

#fc2a36 Color Conversion

Color Schemes with #fc2a36

Alternatives to #fc2a36

#fc2a36 Preview

Shades and Tints of #fc2a36

Tones of #fc2a36

Color Blindness Simulator