#fc312e hex color

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

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

● #fc312e color description : Bright red.

The hexadecimal color #fc312e has RGB values of R:252, G:49, B:46 and CMYK values of C:0, M:0.81, Y:0.82, K:0.01. Its decimal value is 16527662.

Hex triplet	fc312e	`#fc312e`
RGB Decimal	252, 49, 46	`rgb(252,49,46)`
RGB Percent	98.8, 19.2, 18	`rgb(98.8%,19.2%,18%)`
CMYK	0, 81, 82, 1
HSL	0.9°, 97.2, 58.4	`hsl(0.9,97.2%,58.4%)`
HSV (or HSB)	0.9°, 81.7, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.17, 73.28, 51.836
XYZ	41.739, 23.095, 4.845
xyY	0.599, 0.331, 23.095
CIE-LCH	55.17, 89.761, 35.274
CIE-LUV	55.17, 155.458, 34.296
Hunter-Lab	48.057, 70.932, 27.663
Binary	11111100, 00110001, 00101110

#fc312e
```
#fc312e rgb(252,49,46)
```
#2ef9fc
```
#2ef9fc rgb(46,249,252)
```

Complementary Color

#fc2e92
```
#fc2e92 rgb(252,46,146)
```
#fc312e
```
#fc312e rgb(252,49,46)
```
#fc982e
```
#fc982e rgb(252,152,46)
```

Analogous Color

#2e92fc
```
#2e92fc rgb(46,146,252)
```
#fc312e
```
#fc312e rgb(252,49,46)
```
#2efc98
```
#2efc98 rgb(46,252,152)
```

Split Complementary Color

#312efc
```
#312efc rgb(49,46,252)
```
#fc312e
```
#fc312e rgb(252,49,46)
```
#2efc31
```
#2efc31 rgb(46,252,49)
```

Triadic Color

#fc2ef9
```
#fc2ef9 rgb(252,46,249)
```
#fc312e
```
#fc312e rgb(252,49,46)
```
#2efc31
```
#2efc31 rgb(46,252,49)
```
#2ef9fc
```
#2ef9fc rgb(46,249,252)
```

Tetradic Color

#da0603
```
#da0603 rgb(218,6,3)
```
#f40703
```
#f40703 rgb(244,7,3)
```
#fc1815
```
#fc1815 rgb(252,24,21)
```
#fc312e
```
#fc312e rgb(252,49,46)
```
#fc4a47
```
#fc4a47 rgb(252,74,71)
```
#fd6360
```
#fd6360 rgb(253,99,96)
```
#fd7b79
```
#fd7b79 rgb(253,123,121)
```

Monochromatic Color

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

#fc2e5e
```
#fc2e5e rgb(252,46,94)
```
#fc2e4d
```
#fc2e4d rgb(252,46,77)
```
#fc2e3c
```
#fc2e3c rgb(252,46,60)
```
#fc312e
```
#fc312e rgb(252,49,46)
```
#fc422e
```
#fc422e rgb(252,66,46)
```
#fc532e
```
#fc532e rgb(252,83,46)
```
#fc652e
```
#fc652e rgb(252,101,46)
```

Similar Colors

Text with hexadecimal color #fc312e

This text has a font color of #fc312e.

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

#fc312e background color

This paragraph has a background color of #fc312e.

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

#fc312e border color

This element has a border color of #fc312e.

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

CSS codes

.text {color:#fc312e;}

.background {background-color:#fc312e;}

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

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)
```
#170100
```
#170100 rgb(23,1,0)
```
#2a0101
```
#2a0101 rgb(42,1,1)
```
#3e0201
```
#3e0201 rgb(62,2,1)
```
#510201
```
#510201 rgb(81,2,1)
```
#640301
```
#640301 rgb(100,3,1)
```
#780302
```
#780302 rgb(120,3,2)
```
#8b0402
```
#8b0402 rgb(139,4,2)
```
#9e0502
```
#9e0502 rgb(158,5,2)
```
#b20503
```
#b20503 rgb(178,5,3)
```
#c50603
```
#c50603 rgb(197,6,3)
```
#d80603
```
#d80603 rgb(216,6,3)
```
#ec0703
```
#ec0703 rgb(236,7,3)
```

Shade Color Variation

#fb0b07
```
#fb0b07 rgb(251,11,7)
```
#fc1e1b
```
#fc1e1b rgb(252,30,27)
```
#fc312e
```
#fc312e rgb(252,49,46)
```
#fc4441
```
#fc4441 rgb(252,68,65)
```
#fd5755
```
#fd5755 rgb(253,87,85)
```
#fd6a68
```
#fd6a68 rgb(253,106,104)
```
#fd7d7b
```
#fd7d7b rgb(253,125,123)
```
#fd908f
```
#fd908f rgb(253,144,143)
```
#fea3a2
```
#fea3a2 rgb(254,163,162)
```
#feb6b5
```
#feb6b5 rgb(254,182,181)
```
#fec9c9
```
#fec9c9 rgb(254,201,201)
```
#fedddc
```
#fedddc rgb(254,221,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 #fc312e is the most saturated one.

#9a9090
```
#9a9090 rgb(154,144,144)
```
#a28888
```
#a28888 rgb(162,136,136)
```
#aa8080
```
#aa8080 rgb(170,128,128)
```
#b37877
```
#b37877 rgb(179,120,119)
```
#bb706f
```
#bb706f rgb(187,112,111)
```
#c36867
```
#c36867 rgb(195,104,103)
```
#cb605f
```
#cb605f rgb(203,96,95)
```
#d35957
```
#d35957 rgb(211,89,87)
```
#db514f
```
#db514f rgb(219,81,79)
```
#e44946
```
#e44946 rgb(228,73,70)
```
#ec413e
```
#ec413e rgb(236,65,62)
```
#f43936
```
#f43936 rgb(244,57,54)
```
#fc312e
```
#fc312e rgb(252,49,46)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#8a6160 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988a4c Protanopia 1% of men
#ac8324 Deuteranopia 1% of men
#fc3b3b Tritanopia 0.001% of the population

Trichromacy

#bc6941 Protanomaly 1% of men, 0.01% of women
#c96528 Deuteranomaly 6% of men, 0.4% of women
#fc3736 Tritanomaly 0.01% of the population

#fc312e hex color

#fc312e Color Information

#fc312e Color Conversion

Color Schemes with #fc312e

Alternatives to #fc312e

#fc312e Preview

Shades and Tints of #fc312e

Tones of #fc312e

Color Blindness Simulator