#fc314f hex color

In a RGB color space, hex #fc314f is composed of 98.8% red, 19.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 68.7% yellow and 1.2% black. It has a hue angle of 351.1 degrees, a saturation of 97.1% and a lightness of 59%. #fc314f color hex could be obtained by blending #ff629e with #f90000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 99
- G 19
- B 31
RGB color chart
- C 0
- M 81
- Y 69
- K 1
CMYK color chart

● #fc314f color description : Bright red.

The hexadecimal color #fc314f has RGB values of R:252, G:49, B:79 and CMYK values of C:0, M:0.81, Y:0.69, K:0.01. Its decimal value is 16527695.

Hex triplet	fc314f	`#fc314f`
RGB Decimal	252, 49, 79	`rgb(252,49,79)`
RGB Percent	98.8, 19.2, 31	`rgb(98.8%,19.2%,31%)`
CMYK	0, 81, 69, 1
HSL	351.1°, 97.1, 59	`hsl(351.1,97.1%,59%)`
HSV (or HSB)	351.1°, 80.6, 98.8
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.545, 74.429, 34.093
XYZ	42.656, 23.462, 9.679
xyY	0.563, 0.31, 23.462
CIE-LCH	55.545, 81.866, 24.611
CIE-LUV	55.545, 147.983, 21.748
Hunter-Lab	48.437, 72.431, 22.058
Binary	11111100, 00110001, 01001111

#fc314f
```
#fc314f rgb(252,49,79)
```
#31fcde
```
#31fcde rgb(49,252,222)
```

Complementary Color

#fc31b5
```
#fc31b5 rgb(252,49,181)
```
#fc314f
```
#fc314f rgb(252,49,79)
```
#fc7931
```
#fc7931 rgb(252,121,49)
```

Analogous Color

#31b5fc
```
#31b5fc rgb(49,181,252)
```
#fc314f
```
#fc314f rgb(252,49,79)
```
#31fc79
```
#31fc79 rgb(49,252,121)
```

Split Complementary Color

#314ffc
```
#314ffc rgb(49,79,252)
```
#fc314f
```
#fc314f rgb(252,49,79)
```
#4ffc31
```
#4ffc31 rgb(79,252,49)
```

Triadic Color

#de31fc
```
#de31fc rgb(222,49,252)
```
#fc314f
```
#fc314f rgb(252,49,79)
```
#4ffc31
```
#4ffc31 rgb(79,252,49)
```
#31fcde
```
#31fcde rgb(49,252,222)
```

Tetradic Color

#dd0323
```
#dd0323 rgb(221,3,35)
```
#f60427
```
#f60427 rgb(246,4,39)
```
#fc183a
```
#fc183a rgb(252,24,58)
```
#fc314f
```
#fc314f rgb(252,49,79)
```
#fc4a64
```
#fc4a64 rgb(252,74,100)
```
#fd637a
```
#fd637a rgb(253,99,122)
```
#fd7c8f
```
#fd7c8f rgb(253,124,143)
```

Monochromatic Color

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

#fc3182
```
#fc3182 rgb(252,49,130)
```
#fc3171
```
#fc3171 rgb(252,49,113)
```
#fc3160
```
#fc3160 rgb(252,49,96)
```
#fc314f
```
#fc314f rgb(252,49,79)
```
#fc313e
```
#fc313e rgb(252,49,62)
```
#fc3531
```
#fc3531 rgb(252,53,49)
```
#fc4631
```
#fc4631 rgb(252,70,49)
```

Similar Colors

Text with hexadecimal color #fc314f

This text has a font color of #fc314f.

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

#fc314f background color

This paragraph has a background color of #fc314f.

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

#fc314f border color

This element has a border color of #fc314f.

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

CSS codes

.text {color:#fc314f;}

.background {background-color:#fc314f;}

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

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

#070001
```
#070001 rgb(7,0,1)
```
#1a0004
```
#1a0004 rgb(26,0,4)
```
#2d0107
```
#2d0107 rgb(45,1,7)
```
#41010a
```
#41010a rgb(65,1,10)
```
#54010d
```
#54010d rgb(84,1,13)
```
#670211
```
#670211 rgb(103,2,17)
```
#7b0214
```
#7b0214 rgb(123,2,20)
```
#8e0217
```
#8e0217 rgb(142,2,23)
```
#a1021a
```
#a1021a rgb(161,2,26)
```
#b5031d
```
#b5031d rgb(181,3,29)
```
#c80320
```
#c80320 rgb(200,3,32)
```
#db0323
```
#db0323 rgb(219,3,35)
```
#ef0326
```
#ef0326 rgb(239,3,38)
```

Shade Color Variation

#fb0a2e
```
#fb0a2e rgb(251,10,46)
```
#fc1e3e
```
#fc1e3e rgb(252,30,62)
```
#fc314f
```
#fc314f rgb(252,49,79)
```
#fc4460
```
#fc4460 rgb(252,68,96)
```
#fd5870
```
#fd5870 rgb(253,88,112)
```
#fd6b81
```
#fd6b81 rgb(253,107,129)
```
#fd7e91
```
#fd7e91 rgb(253,126,145)
```
#fd92a2
```
#fd92a2 rgb(253,146,162)
```
#fea5b2
```
#fea5b2 rgb(254,165,178)
```
#feb8c3
```
#feb8c3 rgb(254,184,195)
```
#feccd3
```
#feccd3 rgb(254,204,211)
```
#ffdfe4
```
#ffdfe4 rgb(255,223,228)
```
#fff2f4
```
#fff2f4 rgb(255,242,244)
```

Tint Color Variation

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

#9c9193
```
#9c9193 rgb(156,145,147)
```
#a4898d
```
#a4898d rgb(164,137,141)
```
#ac8188
```
#ac8188 rgb(172,129,136)
```
#b47982
```
#b47982 rgb(180,121,130)
```
#bc717c
```
#bc717c rgb(188,113,124)
```
#c46977
```
#c46977 rgb(196,105,119)
```
#cc6171
```
#cc6171 rgb(204,97,113)
```
#d4596b
```
#d4596b rgb(212,89,107)
```
#dc5166
```
#dc5166 rgb(220,81,102)
```
#e44960
```
#e44960 rgb(228,73,96)
```
#ec415a
```
#ec415a rgb(236,65,90)
```
#f43955
```
#f43955 rgb(244,57,85)
```
#fc314f
```
#fc314f rgb(252,49,79)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8d646a Atypical Achromatopsia 0.001% of the population

Dichromacy

#938b72 Protanopia 1% of men
#a9854a Deuteranopia 1% of men
#fb4041 Tritanopia 0.001% of the population

Trichromacy

#b96a65 Protanomaly 1% of men, 0.01% of women
#c7664c Deuteranomaly 6% of men, 0.4% of women
#fb3a46 Tritanomaly 0.01% of the population

#fc314f hex color

#fc314f Color Information

#fc314f Color Conversion

Color Schemes with #fc314f

Alternatives to #fc314f

#fc314f Preview

Shades and Tints of #fc314f

Tones of #fc314f

Color Blindness Simulator