#fc2a18 hex color

In a RGB color space, hex #fc2a18 is composed of 98.8% red, 16.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 90.5% yellow and 1.2% black. It has a hue angle of 4.7 degrees, a saturation of 97.4% and a lightness of 54.1%. #fc2a18 color hex could be obtained by blending #ff5430 with #f90000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 99
- G 16
- B 9
RGB color chart
- C 0
- M 83
- Y 90
- K 1
CMYK color chart

● #fc2a18 color description : Vivid red.

The hexadecimal color #fc2a18 has RGB values of R:252, G:42, B:24 and CMYK values of C:0, M:0.83, Y:0.9, K:0.01. Its decimal value is 16525848.

Hex triplet	fc2a18	`#fc2a18`
RGB Decimal	252, 42, 24	`rgb(252,42,24)`
RGB Percent	98.8, 16.5, 9.4	`rgb(98.8%,16.5%,9.4%)`
CMYK	0, 83, 90, 1
HSL	4.7°, 97.4, 54.1	`hsl(4.7,97.4%,54.1%)`
HSV (or HSB)	4.7°, 90.5, 98.8
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.473, 74.459, 60.924
XYZ	41.14, 22.423, 3.026
xyY	0.618, 0.337, 22.423
CIE-LCH	54.473, 96.208, 39.291
CIE-LUV	54.473, 161.362, 38.04
Hunter-Lab	47.353, 72.214, 29.358
Binary	11111100, 00101010, 00011000

#fc2a18
```
#fc2a18 rgb(252,42,24)
```
#18eafc
```
#18eafc rgb(24,234,252)
```

Complementary Color

#fc1878
```
#fc1878 rgb(252,24,120)
```
#fc2a18
```
#fc2a18 rgb(252,42,24)
```
#fc9c18
```
#fc9c18 rgb(252,156,24)
```

Analogous Color

#1878fc
```
#1878fc rgb(24,120,252)
```
#fc2a18
```
#fc2a18 rgb(252,42,24)
```
#18fc9c
```
#18fc9c rgb(24,252,156)
```

Split Complementary Color

#2a18fc
```
#2a18fc rgb(42,24,252)
```
#fc2a18
```
#fc2a18 rgb(252,42,24)
```
#18fc2a
```
#18fc2a rgb(24,252,42)
```

Triadic Color

#fc18ea
```
#fc18ea rgb(252,24,234)
```
#fc2a18
```
#fc2a18 rgb(252,42,24)
```
#18fc2a
```
#18fc2a rgb(24,252,42)
```
#18eafc
```
#18eafc rgb(24,234,252)
```

Tetradic Color

#c51203
```
#c51203 rgb(197,18,3)
```
#de1403
```
#de1403 rgb(222,20,3)
```
#f71603
```
#f71603 rgb(247,22,3)
```
#fc2a18
```
#fc2a18 rgb(252,42,24)
```
#fc4131
```
#fc4131 rgb(252,65,49)
```
#fd584a
```
#fd584a rgb(253,88,74)
```
#fd7064
```
#fd7064 rgb(253,112,100)
```

Monochromatic Color

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

#fc183f
```
#fc183f rgb(252,24,63)
```
#fc182c
```
#fc182c rgb(252,24,44)
```
#fc1819
```
#fc1819 rgb(252,24,25)
```
#fc2a18
```
#fc2a18 rgb(252,42,24)
```
#fc3d18
```
#fc3d18 rgb(252,61,24)
```
#fc5018
```
#fc5018 rgb(252,80,24)
```
#fc6318
```
#fc6318 rgb(252,99,24)
```

Similar Colors

Text with hexadecimal color #fc2a18

This text has a font color of #fc2a18.

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

#fc2a18 background color

This paragraph has a background color of #fc2a18.

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

#fc2a18 border color

This element has a border color of #fc2a18.

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

CSS codes

.text {color:#fc2a18;}

.background {background-color:#fc2a18;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#150200
```
#150200 rgb(21,2,0)
```
#280401
```
#280401 rgb(40,4,1)
```
#3b0501
```
#3b0501 rgb(59,5,1)
```
#4f0701
```
#4f0701 rgb(79,7,1)
```
#620901
```
#620901 rgb(98,9,1)
```
#760b02
```
#760b02 rgb(118,11,2)
```
#890c02
```
#890c02 rgb(137,12,2)
```
#9c0e02
```
#9c0e02 rgb(156,14,2)
```
#b01002
```
#b01002 rgb(176,16,2)
```
#c31203
```
#c31203 rgb(195,18,3)
```
#d61303
```
#d61303 rgb(214,19,3)
```
#ea1503
```
#ea1503 rgb(234,21,3)
```

Shade Color Variation

#fc1805
```
#fc1805 rgb(252,24,5)
```
#fc2a18
```
#fc2a18 rgb(252,42,24)
```
#fc3c2b
```
#fc3c2b rgb(252,60,43)
```
#fd4e3f
```
#fd4e3f rgb(253,78,63)
```
#fd6052
```
#fd6052 rgb(253,96,82)
```
#fd7165
```
#fd7165 rgb(253,113,101)
```
#fd8379
```
#fd8379 rgb(253,131,121)
```
#fe958c
```
#fe958c rgb(254,149,140)
```
#fea7a0
```
#fea7a0 rgb(254,167,160)
```
#feb9b3
```
#feb9b3 rgb(254,185,179)
```
#fecbc6
```
#fecbc6 rgb(254,203,198)
```
#ffddda
```
#ffddda rgb(255,221,218)
```
#ffeeed
```
#ffeeed rgb(255,238,237)
```

Tint Color Variation

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

#908584
```
#908584 rgb(144,133,132)
```
#997d7b
```
#997d7b rgb(153,125,123)
```
#a27672
```
#a27672 rgb(162,118,114)
```
#ab6e69
```
#ab6e69 rgb(171,110,105)
```
#b46760
```
#b46760 rgb(180,103,96)
```
#bd5f57
```
#bd5f57 rgb(189,95,87)
```
#c6574e
```
#c6574e rgb(198,87,78)
```
#cf5045
```
#cf5045 rgb(207,80,69)
```
#d8483c
```
#d8483c rgb(216,72,60)
```
#e14133
```
#e14133 rgb(225,65,51)
```
#ea392a
```
#ea392a rgb(234,57,42)
```
#f33221
```
#f33221 rgb(243,50,33)
```
#fc2a18
```
#fc2a18 rgb(252,42,24)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#855b57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988836 Protanopia 1% of men
#ab8200 Deuteranopia 1% of men
#fc3332 Tritanopia 0.001% of the population

Trichromacy

#bc662b Protanomaly 1% of men, 0.01% of women
#c86208 Deuteranomaly 6% of men, 0.4% of women
#fc3028 Tritanomaly 0.01% of the population

#fc2a18 hex color

#fc2a18 Color Information

#fc2a18 Color Conversion

Color Schemes with #fc2a18

Alternatives to #fc2a18

#fc2a18 Preview

Shades and Tints of #fc2a18

Tones of #fc2a18

Color Blindness Simulator