#fc381f hex color

In a RGB color space, hex #fc381f is composed of 98.8% red, 22% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.8% magenta, 87.7% yellow and 1.2% black. It has a hue angle of 6.8 degrees, a saturation of 97.4% and a lightness of 55.5%. #fc381f color hex could be obtained by blending #ff703e 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

● #fc381f color description : Vivid red.

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

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

CIE-LAB	55.713, 71.149, 59.124
XYZ	41.809, 23.628, 3.656
xyY	0.605, 0.342, 23.628
CIE-LCH	55.713, 92.508, 39.726
CIE-LUV	55.713, 154.168, 39.038
Hunter-Lab	48.609, 68.464, 29.567
Binary	11111100, 00111000, 00011111

#fc381f
```
#fc381f rgb(252,56,31)
```
#1fe3fc
```
#1fe3fc rgb(31,227,252)
```

Complementary Color

#fc1f75
```
#fc1f75 rgb(252,31,117)
```
#fc381f
```
#fc381f rgb(252,56,31)
```
#fca71f
```
#fca71f rgb(252,167,31)
```

Analogous Color

#1f75fc
```
#1f75fc rgb(31,117,252)
```
#fc381f
```
#fc381f rgb(252,56,31)
```
#1ffca7
```
#1ffca7 rgb(31,252,167)
```

Split Complementary Color

#381ffc
```
#381ffc rgb(56,31,252)
```
#fc381f
```
#fc381f rgb(252,56,31)
```
#1ffc38
```
#1ffc38 rgb(31,252,56)
```

Triadic Color

#fc1fe3
```
#fc1fe3 rgb(252,31,227)
```
#fc381f
```
#fc381f rgb(252,56,31)
```
#1ffc38
```
#1ffc38 rgb(31,252,56)
```
#1fe3fc
```
#1fe3fc rgb(31,227,252)
```

Tetradic Color

#cc1903
```
#cc1903 rgb(204,25,3)
```
#e51d03
```
#e51d03 rgb(229,29,3)
```
#fc2206
```
#fc2206 rgb(252,34,6)
```
#fc381f
```
#fc381f rgb(252,56,31)
```
#fc4e38
```
#fc4e38 rgb(252,78,56)
```
#fd6551
```
#fd6551 rgb(253,101,81)
```
#fd7b6a
```
#fd7b6a rgb(253,123,106)
```

Monochromatic Color

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

#fc1f3d
```
#fc1f3d rgb(252,31,61)
```
#fc1f2b
```
#fc1f2b rgb(252,31,43)
```
#fc261f
```
#fc261f rgb(252,38,31)
```
#fc381f
```
#fc381f rgb(252,56,31)
```
#fc4a1f
```
#fc4a1f rgb(252,74,31)
```
#fc5d1f
```
#fc5d1f rgb(252,93,31)
```
#fc6f1f
```
#fc6f1f rgb(252,111,31)
```

Similar Colors

Text with hexadecimal color #fc381f

This text has a font color of #fc381f.

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

#fc381f background color

This paragraph has a background color of #fc381f.

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

#fc381f border color

This element has a border color of #fc381f.

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

CSS codes

.text {color:#fc381f;}

.background {background-color:#fc381f;}

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

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)
```
#560b01
```
#560b01 rgb(86,11,1)
```
#690d01
```
#690d01 rgb(105,13,1)
```
#7c1002
```
#7c1002 rgb(124,16,2)
```
#901202
```
#901202 rgb(144,18,2)
```
#a31402
```
#a31402 rgb(163,20,2)
```
#b61702
```
#b61702 rgb(182,23,2)
```
#ca1903
```
#ca1903 rgb(202,25,3)
```
#dd1c03
```
#dd1c03 rgb(221,28,3)
```
#f11e03
```
#f11e03 rgb(241,30,3)
```

Shade Color Variation

#fc270c
```
#fc270c rgb(252,39,12)
```
#fc381f
```
#fc381f rgb(252,56,31)
```
#fc4932
```
#fc4932 rgb(252,73,50)
```
#fd5a46
```
#fd5a46 rgb(253,90,70)
```
#fd6c59
```
#fd6c59 rgb(253,108,89)
```
#fd7d6c
```
#fd7d6c rgb(253,125,108)
```
#fd8e80
```
#fd8e80 rgb(253,142,128)
```
#fe9f93
```
#fe9f93 rgb(254,159,147)
```
#feb0a6
```
#feb0a6 rgb(254,176,166)
```
#fec2ba
```
#fec2ba rgb(254,194,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 #fc381f is the most saturated one.

#938988
```
#938988 rgb(147,137,136)
```
#9c827f
```
#9c827f rgb(156,130,127)
```
#a57c76
```
#a57c76 rgb(165,124,118)
```
#ad756e
```
#ad756e rgb(173,117,110)
```
#b66e65
```
#b66e65 rgb(182,110,101)
```
#bf675c
```
#bf675c rgb(191,103,92)
```
#c86153
```
#c86153 rgb(200,97,83)
```
#d05a4b
```
#d05a4b rgb(208,90,75)
```
#d95342
```
#d95342 rgb(217,83,66)
```
#e24c39
```
#e24c39 rgb(226,76,57)
```
#eb4630
```
#eb4630 rgb(235,70,48)
```
#f33f28
```
#f33f28 rgb(243,63,40)
```
#fc381f
```
#fc381f rgb(252,56,31)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8c6560 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b3b Protanopia 1% of men
#ae8500 Deuteranopia 1% of men
#fc3f40 Tritanopia 0.001% of the population

Trichromacy

#be6d31 Protanomaly 1% of men, 0.01% of women
#ca690b Deuteranomaly 6% of men, 0.4% of women
#fc3c34 Tritanomaly 0.01% of the population

#fc381f hex color

#fc381f Color Information

#fc381f Color Conversion

Color Schemes with #fc381f

Alternatives to #fc381f

#fc381f Preview

Shades and Tints of #fc381f

Tones of #fc381f

Color Blindness Simulator