#fc331f hex color

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

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

● #fc331f color description : Vivid red.

The hexadecimal color #fc331f has RGB values of R:252, G:51, B:31 and CMYK values of C:0, M:0.8, Y:0.88, K:0.01. Its decimal value is 16528159.

Hex triplet	fc331f	`#fc331f`
RGB Decimal	252, 51, 31	`rgb(252,51,31)`
RGB Percent	98.8, 20, 12.2	`rgb(98.8%,20%,12.2%)`
CMYK	0, 80, 88, 1
HSL	5.4°, 97.4, 55.5	`hsl(5.4,97.4%,55.5%)`
HSV (or HSB)	5.4°, 87.7, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.244, 72.472, 58.77
XYZ	41.578, 23.167, 3.579
xyY	0.609, 0.339, 23.167
CIE-LCH	55.244, 93.306, 39.04
CIE-LUV	55.244, 156.652, 38.176
Hunter-Lab	48.132, 69.962, 29.284
Binary	11111100, 00110011, 00011111

#fc331f
```
#fc331f rgb(252,51,31)
```
#1fe8fc
```
#1fe8fc rgb(31,232,252)
```

Complementary Color

#fc1f7a
```
#fc1f7a rgb(252,31,122)
```
#fc331f
```
#fc331f rgb(252,51,31)
```
#fca21f
```
#fca21f rgb(252,162,31)
```

Analogous Color

#1f7afc
```
#1f7afc rgb(31,122,252)
```
#fc331f
```
#fc331f rgb(252,51,31)
```
#1ffca2
```
#1ffca2 rgb(31,252,162)
```

Split Complementary Color

#331ffc
```
#331ffc rgb(51,31,252)
```
#fc331f
```
#fc331f rgb(252,51,31)
```
#1ffc33
```
#1ffc33 rgb(31,252,51)
```

Triadic Color

#fc1fe8
```
#fc1fe8 rgb(252,31,232)
```
#fc331f
```
#fc331f rgb(252,51,31)
```
#1ffc33
```
#1ffc33 rgb(31,252,51)
```
#1fe8fc
```
#1fe8fc rgb(31,232,252)
```

Tetradic Color

#cc1503
```
#cc1503 rgb(204,21,3)
```
#e51803
```
#e51803 rgb(229,24,3)
```
#fc1c06
```
#fc1c06 rgb(252,28,6)
```
#fc331f
```
#fc331f rgb(252,51,31)
```
#fc4a38
```
#fc4a38 rgb(252,74,56)
```
#fd6151
```
#fd6151 rgb(253,97,81)
```
#fd786a
```
#fd786a rgb(253,120,106)
```

Monochromatic Color

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

#fc1f42
```
#fc1f42 rgb(252,31,66)
```
#fc1f30
```
#fc1f30 rgb(252,31,48)
```
#fc211f
```
#fc211f rgb(252,33,31)
```
#fc331f
```
#fc331f rgb(252,51,31)
```
#fc451f
```
#fc451f rgb(252,69,31)
```
#fc581f
```
#fc581f rgb(252,88,31)
```
#fc6a1f
```
#fc6a1f rgb(252,106,31)
```

Similar Colors

Text with hexadecimal color #fc331f

This text has a font color of #fc331f.

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

#fc331f background color

This paragraph has a background color of #fc331f.

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

#fc331f border color

This element has a border color of #fc331f.

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

CSS codes

.text {color:#fc331f;}

.background {background-color:#fc331f;}

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

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)
```
#2f0501
```
#2f0501 rgb(47,5,1)
```
#420701
```
#420701 rgb(66,7,1)
```
#560901
```
#560901 rgb(86,9,1)
```
#690b01
```
#690b01 rgb(105,11,1)
```
#7c0d02
```
#7c0d02 rgb(124,13,2)
```
#900f02
```
#900f02 rgb(144,15,2)
```
#a31102
```
#a31102 rgb(163,17,2)
```
#b61302
```
#b61302 rgb(182,19,2)
```
#ca1503
```
#ca1503 rgb(202,21,3)
```
#dd1703
```
#dd1703 rgb(221,23,3)
```
#f11903
```
#f11903 rgb(241,25,3)
```

Shade Color Variation

#fc210c
```
#fc210c rgb(252,33,12)
```
#fc331f
```
#fc331f rgb(252,51,31)
```
#fc4532
```
#fc4532 rgb(252,69,50)
```
#fd5646
```
#fd5646 rgb(253,86,70)
```
#fd6859
```
#fd6859 rgb(253,104,89)
```
#fd7a6c
```
#fd7a6c rgb(253,122,108)
```
#fd8b80
```
#fd8b80 rgb(253,139,128)
```
#fe9d93
```
#fe9d93 rgb(254,157,147)
```
#feaea6
```
#feaea6 rgb(254,174,166)
```
#fec0ba
```
#fec0ba rgb(254,192,186)
```
#fed2cd
```
#fed2cd rgb(254,210,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 #fc331f is the most saturated one.

#938988
```
#938988 rgb(147,137,136)
```
#9c827f
```
#9c827f rgb(156,130,127)
```
#a57b76
```
#a57b76 rgb(165,123,118)
```
#ad736e
```
#ad736e rgb(173,115,110)
```
#b66c65
```
#b66c65 rgb(182,108,101)
```
#bf655c
```
#bf655c rgb(191,101,92)
```
#c85e53
```
#c85e53 rgb(200,94,83)
```
#d0574b
```
#d0574b rgb(208,87,75)
```
#d95042
```
#d95042 rgb(217,80,66)
```
#e24839
```
#e24839 rgb(226,72,57)
```
#eb4130
```
#eb4130 rgb(235,65,48)
```
#f33a28
```
#f33a28 rgb(243,58,40)
```
#fc331f
```
#fc331f rgb(252,51,31)
```

Tone Color Variation

Below, you can see how #fc331f 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
#8a615d Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#bd6a31 Protanomaly 1% of men, 0.01% of women
#ca660b Deuteranomaly 6% of men, 0.4% of women
#fc3831 Tritanomaly 0.01% of the population

#fc331f hex color

#fc331f Color Information

#fc331f Color Conversion

Color Schemes with #fc331f

Alternatives to #fc331f

#fc331f Preview

Shades and Tints of #fc331f

Tones of #fc331f

Color Blindness Simulator