#fc3a2e hex color

In a RGB color space, hex #fc3a2e is composed of 98.8% red, 22.7% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77% magenta, 81.7% yellow and 1.2% black. It has a hue angle of 3.5 degrees, a saturation of 97.2% and a lightness of 58.4%. #fc3a2e color hex could be obtained by blending #ff745c with #f90000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 99
- G 23
- B 18
RGB color chart
- C 0
- M 77
- Y 82
- K 1
CMYK color chart

● #fc3a2e color description : Bright red.

The hexadecimal color #fc3a2e has RGB values of R:252, G:58, B:46 and CMYK values of C:0, M:0.77, Y:0.82, K:0.01. Its decimal value is 16529966.

Hex triplet	fc3a2e	`#fc3a2e`
RGB Decimal	252, 58, 46	`rgb(252,58,46)`
RGB Percent	98.8, 22.7, 18	`rgb(98.8%,22.7%,18%)`
CMYK	0, 77, 82, 1
HSL	3.5°, 97.2, 58.4	`hsl(3.5,97.2%,58.4%)`
HSV (or HSB)	3.5°, 81.7, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	56.012, 70.905, 52.62
XYZ	42.153, 23.924, 4.983
xyY	0.593, 0.337, 23.924
CIE-LCH	56.012, 88.297, 36.58
CIE-LUV	56.012, 151.103, 35.896
Hunter-Lab	48.912, 68.237, 28.198
Binary	11111100, 00111010, 00101110

#fc3a2e
```
#fc3a2e rgb(252,58,46)
```
#2ef0fc
```
#2ef0fc rgb(46,240,252)
```

Complementary Color

#fc2e89
```
#fc2e89 rgb(252,46,137)
```
#fc3a2e
```
#fc3a2e rgb(252,58,46)
```
#fca12e
```
#fca12e rgb(252,161,46)
```

Analogous Color

#2e89fc
```
#2e89fc rgb(46,137,252)
```
#fc3a2e
```
#fc3a2e rgb(252,58,46)
```
#2efca1
```
#2efca1 rgb(46,252,161)
```

Split Complementary Color

#3a2efc
```
#3a2efc rgb(58,46,252)
```
#fc3a2e
```
#fc3a2e rgb(252,58,46)
```
#2efc3a
```
#2efc3a rgb(46,252,58)
```

Triadic Color

#fc2ef0
```
#fc2ef0 rgb(252,46,240)
```
#fc3a2e
```
#fc3a2e rgb(252,58,46)
```
#2efc3a
```
#2efc3a rgb(46,252,58)
```
#2ef0fc
```
#2ef0fc rgb(46,240,252)
```

Tetradic Color

#da1003
```
#da1003 rgb(218,16,3)
```
#f41103
```
#f41103 rgb(244,17,3)
```
#fc2215
```
#fc2215 rgb(252,34,21)
```
#fc3a2e
```
#fc3a2e rgb(252,58,46)
```
#fc5247
```
#fc5247 rgb(252,82,71)
```
#fd6960
```
#fd6960 rgb(253,105,96)
```
#fd8179
```
#fd8179 rgb(253,129,121)
```

Monochromatic Color

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

#fc2e56
```
#fc2e56 rgb(252,46,86)
```
#fc2e44
```
#fc2e44 rgb(252,46,68)
```
#fc2e33
```
#fc2e33 rgb(252,46,51)
```
#fc3a2e
```
#fc3a2e rgb(252,58,46)
```
#fc4b2e
```
#fc4b2e rgb(252,75,46)
```
#fc5c2e
```
#fc5c2e rgb(252,92,46)
```
#fc6e2e
```
#fc6e2e rgb(252,110,46)
```

Similar Colors

Text with hexadecimal color #fc3a2e

This text has a font color of #fc3a2e.

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

#fc3a2e background color

This paragraph has a background color of #fc3a2e.

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

#fc3a2e border color

This element has a border color of #fc3a2e.

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

CSS codes

.text {color:#fc3a2e;}

.background {background-color:#fc3a2e;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#170200
```
#170200 rgb(23,2,0)
```
#2a0301
```
#2a0301 rgb(42,3,1)
```
#3e0401
```
#3e0401 rgb(62,4,1)
```
#510601
```
#510601 rgb(81,6,1)
```
#640701
```
#640701 rgb(100,7,1)
```
#780902
```
#780902 rgb(120,9,2)
```
#8b0a02
```
#8b0a02 rgb(139,10,2)
```
#9e0b02
```
#9e0b02 rgb(158,11,2)
```
#b20d03
```
#b20d03 rgb(178,13,3)
```
#c50e03
```
#c50e03 rgb(197,14,3)
```
#d81003
```
#d81003 rgb(216,16,3)
```
#ec1103
```
#ec1103 rgb(236,17,3)
```

Shade Color Variation

#fb1607
```
#fb1607 rgb(251,22,7)
```
#fc281b
```
#fc281b rgb(252,40,27)
```
#fc3a2e
```
#fc3a2e rgb(252,58,46)
```
#fc4c41
```
#fc4c41 rgb(252,76,65)
```
#fd5e55
```
#fd5e55 rgb(253,94,85)
```
#fd7168
```
#fd7168 rgb(253,113,104)
```
#fd837b
```
#fd837b rgb(253,131,123)
```
#fd958f
```
#fd958f rgb(253,149,143)
```
#fea7a2
```
#fea7a2 rgb(254,167,162)
```
#febab5
```
#febab5 rgb(254,186,181)
```
#feccc9
```
#feccc9 rgb(254,204,201)
```
#fededc
```
#fededc rgb(254,222,220)
```
#fff0ef
```
#fff0ef rgb(255,240,239)
```

Tint Color Variation

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

#9a9090
```
#9a9090 rgb(154,144,144)
```
#a28988
```
#a28988 rgb(162,137,136)
```
#aa8280
```
#aa8280 rgb(170,130,128)
```
#b37b77
```
#b37b77 rgb(179,123,119)
```
#bb746f
```
#bb746f rgb(187,116,111)
```
#c36c67
```
#c36c67 rgb(195,108,103)
```
#cb655f
```
#cb655f rgb(203,101,95)
```
#d35e57
```
#d35e57 rgb(211,94,87)
```
#db574f
```
#db574f rgb(219,87,79)
```
#e45046
```
#e45046 rgb(228,80,70)
```
#ec483e
```
#ec483e rgb(236,72,62)
```
#f44136
```
#f44136 rgb(244,65,54)
```
#fc3a2e
```
#fc3a2e rgb(252,58,46)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#8e6865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8c4b Protanopia 1% of men
#af8525 Deuteranopia 1% of men
#fc4244 Tritanopia 0.001% of the population

Trichromacy

#be6e40 Protanomaly 1% of men, 0.01% of women
#cb6a28 Deuteranomaly 6% of men, 0.4% of women
#fc3f3c Tritanomaly 0.01% of the population

#fc3a2e hex color

#fc3a2e Color Information

#fc3a2e Color Conversion

Color Schemes with #fc3a2e

Alternatives to #fc3a2e

#fc3a2e Preview

Shades and Tints of #fc3a2e

Tones of #fc3a2e

Color Blindness Simulator