colorhexa.com

#fc2d1f hex color

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

- R 99
- G 18
- B 12
RGB color chart
- C 0
- M 82
- Y 88
- K 1
CMYK color chart

● #fc2d1f color description : Vivid red.

The hexadecimal color #fc2d1f has RGB values of R:252, G:45, B:31 and CMYK values of C:0, M:0.82, Y:0.88, K:0.01. Its decimal value is 16526623.

Hex triplet	fc2d1f	`#fc2d1f`
RGB Decimal	252, 45, 31	`rgb(252,45,31)`
RGB Percent	98.8, 17.6, 12.2	`rgb(98.8%,17.6%,12.2%)`
CMYK	0, 82, 88, 1
HSL	3.8°, 97.4, 55.5	`hsl(3.8,97.4%,55.5%)`
HSV (or HSB)	3.8°, 87.7, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.738, 73.908, 58.388
XYZ	41.333, 22.676, 3.497
xyY	0.612, 0.336, 22.676
CIE-LCH	54.738, 94.189, 38.309
CIE-LUV	54.738, 159.364, 37.241
Hunter-Lab	47.62, 71.599, 28.98
Binary	11111100, 00101101, 00011111

#fc2d1f
```
#fc2d1f rgb(252,45,31)
```
#1feefc
```
#1feefc rgb(31,238,252)
```

Complementary Color

#fc1f80
```
#fc1f80 rgb(252,31,128)
```
#fc2d1f
```
#fc2d1f rgb(252,45,31)
```
#fc9c1f
```
#fc9c1f rgb(252,156,31)
```

Analogous Color

#1f80fc
```
#1f80fc rgb(31,128,252)
```
#fc2d1f
```
#fc2d1f rgb(252,45,31)
```
#1ffc9c
```
#1ffc9c rgb(31,252,156)
```

Split Complementary Color

#2d1ffc
```
#2d1ffc rgb(45,31,252)
```
#fc2d1f
```
#fc2d1f rgb(252,45,31)
```
#1ffc2d
```
#1ffc2d rgb(31,252,45)
```

Triadic Color

#fc1fee
```
#fc1fee rgb(252,31,238)
```
#fc2d1f
```
#fc2d1f rgb(252,45,31)
```
#1ffc2d
```
#1ffc2d rgb(31,252,45)
```
#1feefc
```
#1feefc rgb(31,238,252)
```

Tetradic Color

#cc0f03
```
#cc0f03 rgb(204,15,3)
```
#e51103
```
#e51103 rgb(229,17,3)
```
#fc1506
```
#fc1506 rgb(252,21,6)
```
#fc2d1f
```
#fc2d1f rgb(252,45,31)
```
#fc4538
```
#fc4538 rgb(252,69,56)
```
#fd5c51
```
#fd5c51 rgb(253,92,81)
```
#fd746a
```
#fd746a rgb(253,116,106)
```

Monochromatic Color

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

#fc1f48
```
#fc1f48 rgb(252,31,72)
```
#fc1f36
```
#fc1f36 rgb(252,31,54)
```
#fc1f23
```
#fc1f23 rgb(252,31,35)
```
#fc2d1f
```
#fc2d1f rgb(252,45,31)
```
#fc3f1f
```
#fc3f1f rgb(252,63,31)
```
#fc521f
```
#fc521f rgb(252,82,31)
```
#fc641f
```
#fc641f rgb(252,100,31)
```

Similar Colors

Text with hexadecimal color #fc2d1f

This text has a font color of #fc2d1f.

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

#fc2d1f background color

This paragraph has a background color of #fc2d1f.

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

#fc2d1f border color

This element has a border color of #fc2d1f.

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

CSS codes

.text {color:#fc2d1f;}

.background {background-color:#fc2d1f;}

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

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)
```
#1c0200
```
#1c0200 rgb(28,2,0)
```
#2f0401
```
#2f0401 rgb(47,4,1)
```
#420501
```
#420501 rgb(66,5,1)
```
#560701
```
#560701 rgb(86,7,1)
```
#690801
```
#690801 rgb(105,8,1)
```
#7c0902
```
#7c0902 rgb(124,9,2)
```
#900b02
```
#900b02 rgb(144,11,2)
```
#a30c02
```
#a30c02 rgb(163,12,2)
```
#b60e02
```
#b60e02 rgb(182,14,2)
```
#ca0f03
```
#ca0f03 rgb(202,15,3)
```
#dd1103
```
#dd1103 rgb(221,17,3)
```
#f11203
```
#f11203 rgb(241,18,3)
```

Shade Color Variation

#fc1b0c
```
#fc1b0c rgb(252,27,12)
```
#fc2d1f
```
#fc2d1f rgb(252,45,31)
```
#fc3f32
```
#fc3f32 rgb(252,63,50)
```
#fd5146
```
#fd5146 rgb(253,81,70)
```
#fd6359
```
#fd6359 rgb(253,99,89)
```
#fd766c
```
#fd766c rgb(253,118,108)
```
#fd8880
```
#fd8880 rgb(253,136,128)
```
#fe9a93
```
#fe9a93 rgb(254,154,147)
```
#feaca6
```
#feaca6 rgb(254,172,166)
```
#febeba
```
#febeba rgb(254,190,186)
```
#fed0cd
```
#fed0cd rgb(254,208,205)
```
#ffe2e1
```
#ffe2e1 rgb(255,226,225)
```
#fff5f4
```
#fff5f4 rgb(255,245,244)
```

Tint Color Variation

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

#938888
```
#938888 rgb(147,136,136)
```
#9c817f
```
#9c817f rgb(156,129,127)
```
#a57976
```
#a57976 rgb(165,121,118)
```
#ad726e
```
#ad726e rgb(173,114,110)
```
#b66a65
```
#b66a65 rgb(182,106,101)
```
#bf625c
```
#bf625c rgb(191,98,92)
```
#c85b53
```
#c85b53 rgb(200,91,83)
```
#d0534b
```
#d0534b rgb(208,83,75)
```
#d94b42
```
#d94b42 rgb(217,75,66)
```
#e24439
```
#e24439 rgb(226,68,57)
```
#eb3c30
```
#eb3c30 rgb(235,60,48)
```
#f33528
```
#f33528 rgb(243,53,40)
```
#fc2d1f
```
#fc2d1f rgb(252,45,31)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#865d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#98893c Protanopia 1% of men
#ab8200 Deuteranopia 1% of men
#fc3635 Tritanopia 0.001% of the population

Trichromacy

#bc6732 Protanomaly 1% of men, 0.01% of women
#c9630b Deuteranomaly 6% of men, 0.4% of women
#fc332d Tritanomaly 0.01% of the population