#fc322f hex color

In a RGB color space, hex #fc322f is composed of 98.8% red, 19.6% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 81.3% yellow and 1.2% black. It has a hue angle of 0.9 degrees, a saturation of 97.2% and a lightness of 58.6%. #fc322f color hex could be obtained by blending #ff645e with #f90000. Closest websafe color is: #ff3333.

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

● #fc322f color description : Bright red.

The hexadecimal color #fc322f has RGB values of R:252, G:50, B:47 and CMYK values of C:0, M:0.8, Y:0.81, K:0.01. Its decimal value is 16527919.

Hex triplet	fc322f	`#fc322f`
RGB Decimal	252, 50, 47	`rgb(252,50,47)`
RGB Percent	98.8, 19.6, 18.4	`rgb(98.8%,19.6%,18.4%)`
CMYK	0, 80, 81, 1
HSL	0.9°, 97.2, 58.6	`hsl(0.9,97.2%,58.6%)`
HSV (or HSB)	0.9°, 81.3, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.265, 73.06, 51.423
XYZ	41.801, 23.187, 4.964
xyY	0.598, 0.331, 23.187
CIE-LCH	55.265, 89.343, 35.14
CIE-LUV	55.265, 154.836, 34.177
Hunter-Lab	48.153, 70.685, 27.595
Binary	11111100, 00110010, 00101111

#fc322f
```
#fc322f rgb(252,50,47)
```
#2ff9fc
```
#2ff9fc rgb(47,249,252)
```

Complementary Color

#fc2f93
```
#fc2f93 rgb(252,47,147)
```
#fc322f
```
#fc322f rgb(252,50,47)
```
#fc992f
```
#fc992f rgb(252,153,47)
```

Analogous Color

#2f93fc
```
#2f93fc rgb(47,147,252)
```
#fc322f
```
#fc322f rgb(252,50,47)
```
#2ffc99
```
#2ffc99 rgb(47,252,153)
```

Split Complementary Color

#322ffc
```
#322ffc rgb(50,47,252)
```
#fc322f
```
#fc322f rgb(252,50,47)
```
#2ffc32
```
#2ffc32 rgb(47,252,50)
```

Triadic Color

#fc2ff9
```
#fc2ff9 rgb(252,47,249)
```
#fc322f
```
#fc322f rgb(252,50,47)
```
#2ffc32
```
#2ffc32 rgb(47,252,50)
```
#2ff9fc
```
#2ff9fc rgb(47,249,252)
```

Tetradic Color

#db0603
```
#db0603 rgb(219,6,3)
```
#f40704
```
#f40704 rgb(244,7,4)
```
#fc1916
```
#fc1916 rgb(252,25,22)
```
#fc322f
```
#fc322f rgb(252,50,47)
```
#fc4b48
```
#fc4b48 rgb(252,75,72)
```
#fd6461
```
#fd6461 rgb(253,100,97)
```
#fd7c7a
```
#fd7c7a rgb(253,124,122)
```

Monochromatic Color

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

#fc2f5f
```
#fc2f5f rgb(252,47,95)
```
#fc2f4e
```
#fc2f4e rgb(252,47,78)
```
#fc2f3d
```
#fc2f3d rgb(252,47,61)
```
#fc322f
```
#fc322f rgb(252,50,47)
```
#fc432f
```
#fc432f rgb(252,67,47)
```
#fc542f
```
#fc542f rgb(252,84,47)
```
#fc652f
```
#fc652f rgb(252,101,47)
```

Similar Colors

Text with hexadecimal color #fc322f

This text has a font color of #fc322f.

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

#fc322f background color

This paragraph has a background color of #fc322f.

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

#fc322f border color

This element has a border color of #fc322f.

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

CSS codes

.text {color:#fc322f;}

.background {background-color:#fc322f;}

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

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

#050000
```
#050000 rgb(5,0,0)
```
#180100
```
#180100 rgb(24,1,0)
```
#2b0101
```
#2b0101 rgb(43,1,1)
```
#3f0201
```
#3f0201 rgb(63,2,1)
```
#520201
```
#520201 rgb(82,2,1)
```
#650301
```
#650301 rgb(101,3,1)
```
#790302
```
#790302 rgb(121,3,2)
```
#8c0402
```
#8c0402 rgb(140,4,2)
```
#9f0502
```
#9f0502 rgb(159,5,2)
```
#b30503
```
#b30503 rgb(179,5,3)
```
#c60603
```
#c60603 rgb(198,6,3)
```
#d90603
```
#d90603 rgb(217,6,3)
```
#ed0703
```
#ed0703 rgb(237,7,3)
```

Shade Color Variation

#fb0c08
```
#fb0c08 rgb(251,12,8)
```
#fc1f1c
```
#fc1f1c rgb(252,31,28)
```
#fc322f
```
#fc322f rgb(252,50,47)
```
#fc4542
```
#fc4542 rgb(252,69,66)
```
#fd5856
```
#fd5856 rgb(253,88,86)
```
#fd6b69
```
#fd6b69 rgb(253,107,105)
```
#fd7e7c
```
#fd7e7c rgb(253,126,124)
```
#fd9190
```
#fd9190 rgb(253,145,144)
```
#fea4a3
```
#fea4a3 rgb(254,164,163)
```
#feb7b6
```
#feb7b6 rgb(254,183,182)
```
#fecaca
```
#fecaca rgb(254,202,202)
```
#ffdedd
```
#ffdedd rgb(255,222,221)
```
#fff1f0
```
#fff1f0 rgb(255,241,240)
```

Tint Color Variation

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

#9b9190
```
#9b9190 rgb(155,145,144)
```
#a38988
```
#a38988 rgb(163,137,136)
```
#ab8180
```
#ab8180 rgb(171,129,128)
```
#b37978
```
#b37978 rgb(179,121,120)
```
#bb7170
```
#bb7170 rgb(187,113,112)
```
#c36968
```
#c36968 rgb(195,105,104)
```
#cb6160
```
#cb6160 rgb(203,97,96)
```
#d35958
```
#d35958 rgb(211,89,88)
```
#dc524f
```
#dc524f rgb(220,82,79)
```
#e44a47
```
#e44a47 rgb(228,74,71)
```
#ec423f
```
#ec423f rgb(236,66,63)
```
#f43a37
```
#f43a37 rgb(244,58,55)
```
#fc322f
```
#fc322f rgb(252,50,47)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#8a6261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988a4d Protanopia 1% of men
#ac8426 Deuteranopia 1% of men
#fc3c3c Tritanopia 0.001% of the population

Trichromacy

#bc6a42 Protanomaly 1% of men, 0.01% of women
#c96629 Deuteranomaly 6% of men, 0.4% of women
#fc3837 Tritanomaly 0.01% of the population

#fc322f hex color

#fc322f Color Information

#fc322f Color Conversion

Color Schemes with #fc322f

Alternatives to #fc322f

#fc322f Preview

Shades and Tints of #fc322f

Tones of #fc322f

Color Blindness Simulator