colorhexa.com

#fc311f hex color

In a RGB color space, hex #fc311f is composed of 98.8% red, 19.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 87.7% yellow and 1.2% black. It has a hue angle of 4.9 degrees, a saturation of 97.4% and a lightness of 55.5%. #fc311f color hex could be obtained by blending #ff623e with #f90000. Closest websafe color is: #ff3333.

- R 99
- G 19
- B 12
RGB color chart
- C 0
- M 81
- Y 88
- K 1
CMYK color chart

● #fc311f color description : Vivid red.

The hexadecimal color #fc311f has RGB values of R:252, G:49, B:31 and CMYK values of C:0, M:0.81, Y:0.88, K:0.01. Its decimal value is 16527647.

Hex triplet	fc311f	`#fc311f`
RGB Decimal	252, 49, 31	`rgb(252,49,31)`
RGB Percent	98.8, 19.2, 12.2	`rgb(98.8%,19.2%,12.2%)`
CMYK	0, 81, 88, 1
HSL	4.9°, 97.4, 55.5	`hsl(4.9,97.4%,55.5%)`
HSV (or HSB)	4.9°, 87.7, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.069, 72.969, 58.637
XYZ	41.493, 22.996, 3.55
xyY	0.61, 0.338, 22.996
CIE-LCH	55.069, 93.61, 38.785
CIE-LUV	55.069, 157.589, 37.853
Hunter-Lab	47.954, 70.527, 29.179
Binary	11111100, 00110001, 00011111

#fc311f
```
#fc311f rgb(252,49,31)
```
#1feafc
```
#1feafc rgb(31,234,252)
```

Complementary Color

#fc1f7c
```
#fc1f7c rgb(252,31,124)
```
#fc311f
```
#fc311f rgb(252,49,31)
```
#fca01f
```
#fca01f rgb(252,160,31)
```

Analogous Color

#1f7cfc
```
#1f7cfc rgb(31,124,252)
```
#fc311f
```
#fc311f rgb(252,49,31)
```
#1ffca0
```
#1ffca0 rgb(31,252,160)
```

Split Complementary Color

#311ffc
```
#311ffc rgb(49,31,252)
```
#fc311f
```
#fc311f rgb(252,49,31)
```
#1ffc31
```
#1ffc31 rgb(31,252,49)
```

Triadic Color

#fc1fea
```
#fc1fea rgb(252,31,234)
```
#fc311f
```
#fc311f rgb(252,49,31)
```
#1ffc31
```
#1ffc31 rgb(31,252,49)
```
#1feafc
```
#1feafc rgb(31,234,252)
```

Tetradic Color

#cc1303
```
#cc1303 rgb(204,19,3)
```
#e51503
```
#e51503 rgb(229,21,3)
```
#fc1a06
```
#fc1a06 rgb(252,26,6)
```
#fc311f
```
#fc311f rgb(252,49,31)
```
#fc4838
```
#fc4838 rgb(252,72,56)
```
#fd5f51
```
#fd5f51 rgb(253,95,81)
```
#fd766a
```
#fd766a rgb(253,118,106)
```

Monochromatic Color

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

#fc1f44
```
#fc1f44 rgb(252,31,68)
```
#fc1f32
```
#fc1f32 rgb(252,31,50)
```
#fc1f1f
```
#fc1f1f rgb(252,31,31)
```
#fc311f
```
#fc311f rgb(252,49,31)
```
#fc431f
```
#fc431f rgb(252,67,31)
```
#fc561f
```
#fc561f rgb(252,86,31)
```
#fc681f
```
#fc681f rgb(252,104,31)
```

Similar Colors

Text with hexadecimal color #fc311f

This text has a font color of #fc311f.

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

#fc311f background color

This paragraph has a background color of #fc311f.

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

#fc311f border color

This element has a border color of #fc311f.

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

CSS codes

.text {color:#fc311f;}

.background {background-color:#fc311f;}

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

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

#080100
```
#080100 rgb(8,1,0)
```
#1c0300
```
#1c0300 rgb(28,3,0)
```
#2f0401
```
#2f0401 rgb(47,4,1)
```
#420601
```
#420601 rgb(66,6,1)
```
#560801
```
#560801 rgb(86,8,1)
```
#690a01
```
#690a01 rgb(105,10,1)
```
#7c0c02
```
#7c0c02 rgb(124,12,2)
```
#900d02
```
#900d02 rgb(144,13,2)
```
#a30f02
```
#a30f02 rgb(163,15,2)
```
#b61102
```
#b61102 rgb(182,17,2)
```
#ca1303
```
#ca1303 rgb(202,19,3)
```
#dd1503
```
#dd1503 rgb(221,21,3)
```
#f11703
```
#f11703 rgb(241,23,3)
```

Shade Color Variation

#fc1f0c
```
#fc1f0c rgb(252,31,12)
```
#fc311f
```
#fc311f rgb(252,49,31)
```
#fc4332
```
#fc4332 rgb(252,67,50)
```
#fd5546
```
#fd5546 rgb(253,85,70)
```
#fd6659
```
#fd6659 rgb(253,102,89)
```
#fd786c
```
#fd786c rgb(253,120,108)
```
#fd8a80
```
#fd8a80 rgb(253,138,128)
```
#fe9c93
```
#fe9c93 rgb(254,156,147)
```
#feaea6
```
#feaea6 rgb(254,174,166)
```
#febfba
```
#febfba rgb(254,191,186)
```
#fed1cd
```
#fed1cd rgb(254,209,205)
```
#ffe3e1
```
#ffe3e1 rgb(255,227,225)
```
#fff5f4
```
#fff5f4 rgb(255,245,244)
```

Tint Color Variation

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

#938988
```
#938988 rgb(147,137,136)
```
#9c817f
```
#9c817f rgb(156,129,127)
```
#a57a76
```
#a57a76 rgb(165,122,118)
```
#ad736e
```
#ad736e rgb(173,115,110)
```
#b66b65
```
#b66b65 rgb(182,107,101)
```
#bf645c
```
#bf645c rgb(191,100,92)
```
#c85d53
```
#c85d53 rgb(200,93,83)
```
#d0564b
```
#d0564b rgb(208,86,75)
```
#d94e42
```
#d94e42 rgb(217,78,66)
```
#e24739
```
#e24739 rgb(226,71,57)
```
#eb4030
```
#eb4030 rgb(235,64,48)
```
#f33828
```
#f33828 rgb(243,56,40)
```
#fc311f
```
#fc311f rgb(252,49,31)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#89605d Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a3c Protanopia 1% of men
#ad8300 Deuteranopia 1% of men
#fc3939 Tritanopia 0.001% of the population

Trichromacy

#bd6931 Protanomaly 1% of men, 0.01% of women
#c9650b Deuteranomaly 6% of men, 0.4% of women
#fc3630 Tritanomaly 0.01% of the population