colorhexa.com

#fc281f hex color

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

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

● #fc281f color description : Vivid red.

The hexadecimal color #fc281f has RGB values of R:252, G:40, B:31 and CMYK values of C:0, M:0.84, Y:0.88, K:0.01. Its decimal value is 16525343.

Hex triplet	fc281f	`#fc281f`
RGB Decimal	252, 40, 31	`rgb(252,40,31)`
RGB Percent	98.8, 15.7, 12.2	`rgb(98.8%,15.7%,12.2%)`
CMYK	0, 84, 88, 1
HSL	2.4°, 97.4, 55.5	`hsl(2.4,97.4%,55.5%)`
HSV (or HSB)	2.4°, 87.7, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.362, 74.977, 58.105
XYZ	41.153, 22.317, 3.437
xyY	0.615, 0.334, 22.317
CIE-LCH	54.362, 94.856, 37.775
CIE-LUV	54.362, 161.391, 36.546
Hunter-Lab	47.241, 72.825, 28.755
Binary	11111100, 00101000, 00011111

#fc281f
```
#fc281f rgb(252,40,31)
```
#1ff3fc
```
#1ff3fc rgb(31,243,252)
```

Complementary Color

#fc1f85
```
#fc1f85 rgb(252,31,133)
```
#fc281f
```
#fc281f rgb(252,40,31)
```
#fc971f
```
#fc971f rgb(252,151,31)
```

Analogous Color

#1f85fc
```
#1f85fc rgb(31,133,252)
```
#fc281f
```
#fc281f rgb(252,40,31)
```
#1ffc97
```
#1ffc97 rgb(31,252,151)
```

Split Complementary Color

#281ffc
```
#281ffc rgb(40,31,252)
```
#fc281f
```
#fc281f rgb(252,40,31)
```
#1ffc28
```
#1ffc28 rgb(31,252,40)
```

Triadic Color

#fc1ff3
```
#fc1ff3 rgb(252,31,243)
```
#fc281f
```
#fc281f rgb(252,40,31)
```
#1ffc28
```
#1ffc28 rgb(31,252,40)
```
#1ff3fc
```
#1ff3fc rgb(31,243,252)
```

Tetradic Color

#cc0b03
```
#cc0b03 rgb(204,11,3)
```
#e50c03
```
#e50c03 rgb(229,12,3)
```
#fc1006
```
#fc1006 rgb(252,16,6)
```
#fc281f
```
#fc281f rgb(252,40,31)
```
#fc4038
```
#fc4038 rgb(252,64,56)
```
#fd5851
```
#fd5851 rgb(253,88,81)
```
#fd706a
```
#fd706a rgb(253,112,106)
```

Monochromatic Color

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

#fc1f4d
```
#fc1f4d rgb(252,31,77)
```
#fc1f3b
```
#fc1f3b rgb(252,31,59)
```
#fc1f28
```
#fc1f28 rgb(252,31,40)
```
#fc281f
```
#fc281f rgb(252,40,31)
```
#fc3a1f
```
#fc3a1f rgb(252,58,31)
```
#fc4d1f
```
#fc4d1f rgb(252,77,31)
```
#fc5f1f
```
#fc5f1f rgb(252,95,31)
```

Similar Colors

Text with hexadecimal color #fc281f

This text has a font color of #fc281f.

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

#fc281f background color

This paragraph has a background color of #fc281f.

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

#fc281f border color

This element has a border color of #fc281f.

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

CSS codes

.text {color:#fc281f;}

.background {background-color:#fc281f;}

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

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

#080000
```
#080000 rgb(8,0,0)
```
#1c0100
```
#1c0100 rgb(28,1,0)
```
#2f0301
```
#2f0301 rgb(47,3,1)
```
#420401
```
#420401 rgb(66,4,1)
```
#560501
```
#560501 rgb(86,5,1)
```
#690601
```
#690601 rgb(105,6,1)
```
#7c0702
```
#7c0702 rgb(124,7,2)
```
#900802
```
#900802 rgb(144,8,2)
```
#a30902
```
#a30902 rgb(163,9,2)
```
#b60a02
```
#b60a02 rgb(182,10,2)
```
#ca0b03
```
#ca0b03 rgb(202,11,3)
```
#dd0c03
```
#dd0c03 rgb(221,12,3)
```
#f10d03
```
#f10d03 rgb(241,13,3)
```

Shade Color Variation

#fc150c
```
#fc150c rgb(252,21,12)
```
#fc281f
```
#fc281f rgb(252,40,31)
```
#fc3b32
```
#fc3b32 rgb(252,59,50)
```
#fd4d46
```
#fd4d46 rgb(253,77,70)
```
#fd6059
```
#fd6059 rgb(253,96,89)
```
#fd726c
```
#fd726c rgb(253,114,108)
```
#fd8580
```
#fd8580 rgb(253,133,128)
```
#fe9793
```
#fe9793 rgb(254,151,147)
```
#feaaa6
```
#feaaa6 rgb(254,170,166)
```
#febdba
```
#febdba rgb(254,189,186)
```
#fecfcd
```
#fecfcd rgb(254,207,205)
```
#ffe2e1
```
#ffe2e1 rgb(255,226,225)
```
#fff4f4
```
#fff4f4 rgb(255,244,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 #fc281f is the most saturated one.

#938888
```
#938888 rgb(147,136,136)
```
#9c807f
```
#9c807f rgb(156,128,127)
```
#a57876
```
#a57876 rgb(165,120,118)
```
#ad706e
```
#ad706e rgb(173,112,110)
```
#b66865
```
#b66865 rgb(182,104,101)
```
#bf605c
```
#bf605c rgb(191,96,92)
```
#c85853
```
#c85853 rgb(200,88,83)
```
#d0504b
```
#d0504b rgb(208,80,75)
```
#d94842
```
#d94842 rgb(217,72,66)
```
#e24039
```
#e24039 rgb(226,64,57)
```
#eb3830
```
#eb3830 rgb(235,56,48)
```
#f33028
```
#f33028 rgb(243,48,40)
```
#fc281f
```
#fc281f rgb(252,40,31)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#845a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97883d Protanopia 1% of men
#aa8100 Deuteranopia 1% of men
#fc3230 Tritanopia 0.001% of the population

Trichromacy

#bb6532 Protanomaly 1% of men, 0.01% of women
#c8610b Deuteranomaly 6% of men, 0.4% of women
#fc2e2a Tritanomaly 0.01% of the population