#fc371f hex color

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

♥
- f
- t
- g
- R 99
- G 22
- B 12
RGB color chart
- C 0
- M 78
- Y 88
- K 1
CMYK color chart

● #fc371f color description : Vivid red.

The hexadecimal color #fc371f has RGB values of R:252, G:55, B:31 and CMYK values of C:0, M:0.78, Y:0.88, K:0.01. Its decimal value is 16529183.

Hex triplet	fc371f	`#fc371f`
RGB Decimal	252, 55, 31	`rgb(252,55,31)`
RGB Percent	98.8, 21.6, 12.2	`rgb(98.8%,21.6%,12.2%)`
CMYK	0, 78, 88, 1
HSL	6.5°, 97.4, 55.5	`hsl(6.5,97.4%,55.5%)`
HSV (or HSB)	6.5°, 87.7, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.616, 71.423, 59.05
XYZ	41.761, 23.532, 3.64
xyY	0.606, 0.341, 23.532
CIE-LCH	55.616, 92.672, 39.583
CIE-LUV	55.616, 154.681, 38.86
Hunter-Lab	48.51, 68.773, 29.508
Binary	11111100, 00110111, 00011111

#fc371f
```
#fc371f rgb(252,55,31)
```
#1fe4fc
```
#1fe4fc rgb(31,228,252)
```

Complementary Color

#fc1f76
```
#fc1f76 rgb(252,31,118)
```
#fc371f
```
#fc371f rgb(252,55,31)
```
#fca61f
```
#fca61f rgb(252,166,31)
```

Analogous Color

#1f76fc
```
#1f76fc rgb(31,118,252)
```
#fc371f
```
#fc371f rgb(252,55,31)
```
#1ffca6
```
#1ffca6 rgb(31,252,166)
```

Split Complementary Color

#371ffc
```
#371ffc rgb(55,31,252)
```
#fc371f
```
#fc371f rgb(252,55,31)
```
#1ffc37
```
#1ffc37 rgb(31,252,55)
```

Triadic Color

#fc1fe4
```
#fc1fe4 rgb(252,31,228)
```
#fc371f
```
#fc371f rgb(252,55,31)
```
#1ffc37
```
#1ffc37 rgb(31,252,55)
```
#1fe4fc
```
#1fe4fc rgb(31,228,252)
```

Tetradic Color

#cc1903
```
#cc1903 rgb(204,25,3)
```
#e51c03
```
#e51c03 rgb(229,28,3)
```
#fc2106
```
#fc2106 rgb(252,33,6)
```
#fc371f
```
#fc371f rgb(252,55,31)
```
#fc4d38
```
#fc4d38 rgb(252,77,56)
```
#fd6451
```
#fd6451 rgb(253,100,81)
```
#fd7a6a
```
#fd7a6a rgb(253,122,106)
```

Monochromatic Color

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

#fc1f3e
```
#fc1f3e rgb(252,31,62)
```
#fc1f2c
```
#fc1f2c rgb(252,31,44)
```
#fc251f
```
#fc251f rgb(252,37,31)
```
#fc371f
```
#fc371f rgb(252,55,31)
```
#fc491f
```
#fc491f rgb(252,73,31)
```
#fc5c1f
```
#fc5c1f rgb(252,92,31)
```
#fc6e1f
```
#fc6e1f rgb(252,110,31)
```

Similar Colors

Text with hexadecimal color #fc371f

This text has a font color of #fc371f.

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

#fc371f background color

This paragraph has a background color of #fc371f.

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

#fc371f border color

This element has a border color of #fc371f.

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

CSS codes

.text {color:#fc371f;}

.background {background-color:#fc371f;}

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

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)
```
#2f0601
```
#2f0601 rgb(47,6,1)
```
#420801
```
#420801 rgb(66,8,1)
```
#560a01
```
#560a01 rgb(86,10,1)
```
#690d01
```
#690d01 rgb(105,13,1)
```
#7c0f02
```
#7c0f02 rgb(124,15,2)
```
#901102
```
#901102 rgb(144,17,2)
```
#a31402
```
#a31402 rgb(163,20,2)
```
#b61602
```
#b61602 rgb(182,22,2)
```
#ca1803
```
#ca1803 rgb(202,24,3)
```
#dd1b03
```
#dd1b03 rgb(221,27,3)
```
#f11d03
```
#f11d03 rgb(241,29,3)
```

Shade Color Variation

#fc260c
```
#fc260c rgb(252,38,12)
```
#fc371f
```
#fc371f rgb(252,55,31)
```
#fc4832
```
#fc4832 rgb(252,72,50)
```
#fd5a46
```
#fd5a46 rgb(253,90,70)
```
#fd6b59
```
#fd6b59 rgb(253,107,89)
```
#fd7c6c
```
#fd7c6c rgb(253,124,108)
```
#fd8d80
```
#fd8d80 rgb(253,141,128)
```
#fe9f93
```
#fe9f93 rgb(254,159,147)
```
#feb0a6
```
#feb0a6 rgb(254,176,166)
```
#fec1ba
```
#fec1ba rgb(254,193,186)
```
#fed3cd
```
#fed3cd rgb(254,211,205)
```
#ffe4e1
```
#ffe4e1 rgb(255,228,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 #fc371f is the most saturated one.

#938988
```
#938988 rgb(147,137,136)
```
#9c827f
```
#9c827f rgb(156,130,127)
```
#a57b76
```
#a57b76 rgb(165,123,118)
```
#ad756e
```
#ad756e rgb(173,117,110)
```
#b66e65
```
#b66e65 rgb(182,110,101)
```
#bf675c
```
#bf675c rgb(191,103,92)
```
#c86053
```
#c86053 rgb(200,96,83)
```
#d0594b
```
#d0594b rgb(208,89,75)
```
#d95242
```
#d95242 rgb(217,82,66)
```
#e24c39
```
#e24c39 rgb(226,76,57)
```
#eb4530
```
#eb4530 rgb(235,69,48)
```
#f33e28
```
#f33e28 rgb(243,62,40)
```
#fc371f
```
#fc371f rgb(252,55,31)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8b645f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b3b Protanopia 1% of men
#ae8400 Deuteranopia 1% of men
#fc3e3f Tritanopia 0.001% of the population

Trichromacy

#be6c31 Protanomaly 1% of men, 0.01% of women
#ca680b Deuteranomaly 6% of men, 0.4% of women
#fc3c33 Tritanomaly 0.01% of the population

#fc371f hex color

#fc371f Color Information

#fc371f Color Conversion

Color Schemes with #fc371f

Alternatives to #fc371f

#fc371f Preview

Shades and Tints of #fc371f

Tones of #fc371f

Color Blindness Simulator