#fc2f30 hex color

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

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

● #fc2f30 color description : Bright red.

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

Hex triplet	fc2f30	`#fc2f30`
RGB Decimal	252, 47, 48	`rgb(252,47,48)`
RGB Percent	98.8, 18.4, 18.8	`rgb(98.8%,18.4%,18.8%)`
CMYK	0, 81, 81, 1
HSL	359.7°, 97.2, 58.6	`hsl(359.7,97.2%,58.6%)`
HSV (or HSB)	359.7°, 81.3, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.018, 73.809, 50.682
XYZ	41.697, 22.947, 5.03
xyY	0.598, 0.329, 22.947
CIE-LCH	55.018, 89.534, 34.476
CIE-LUV	55.018, 155.99, 33.398
Hunter-Lab	47.903, 71.544, 27.307
Binary	11111100, 00101111, 00110000

#fc2f30
```
#fc2f30 rgb(252,47,48)
```
#2ffcfb
```
#2ffcfb rgb(47,252,251)
```

Complementary Color

#fc2f97
```
#fc2f97 rgb(252,47,151)
```
#fc2f30
```
#fc2f30 rgb(252,47,48)
```
#fc952f
```
#fc952f rgb(252,149,47)
```

Analogous Color

#2f97fc
```
#2f97fc rgb(47,151,252)
```
#fc2f30
```
#fc2f30 rgb(252,47,48)
```
#2ffc95
```
#2ffc95 rgb(47,252,149)
```

Split Complementary Color

#2f30fc
```
#2f30fc rgb(47,48,252)
```
#fc2f30
```
#fc2f30 rgb(252,47,48)
```
#30fc2f
```
#30fc2f rgb(48,252,47)
```

Triadic Color

#fb2ffc
```
#fb2ffc rgb(251,47,252)
```
#fc2f30
```
#fc2f30 rgb(252,47,48)
```
#30fc2f
```
#30fc2f rgb(48,252,47)
```
#2ffcfb
```
#2ffcfb rgb(47,252,251)
```

Tetradic Color

#db0304
```
#db0304 rgb(219,3,4)
```
#f40405
```
#f40405 rgb(244,4,5)
```
#fc1617
```
#fc1617 rgb(252,22,23)
```
#fc2f30
```
#fc2f30 rgb(252,47,48)
```
#fc4849
```
#fc4849 rgb(252,72,73)
```
#fd6162
```
#fd6162 rgb(253,97,98)
```
#fd7a7b
```
#fd7a7b rgb(253,122,123)
```

Monochromatic Color

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

#fc2f63
```
#fc2f63 rgb(252,47,99)
```
#fc2f52
```
#fc2f52 rgb(252,47,82)
```
#fc2f41
```
#fc2f41 rgb(252,47,65)
```
#fc2f30
```
#fc2f30 rgb(252,47,48)
```
#fc3f2f
```
#fc3f2f rgb(252,63,47)
```
#fc502f
```
#fc502f rgb(252,80,47)
```
#fc612f
```
#fc612f rgb(252,97,47)
```

Similar Colors

Text with hexadecimal color #fc2f30

This text has a font color of #fc2f30.

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

#fc2f30 background color

This paragraph has a background color of #fc2f30.

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

#fc2f30 border color

This element has a border color of #fc2f30.

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

CSS codes

.text {color:#fc2f30;}

.background {background-color:#fc2f30;}

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

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 #fff0f0 is the lightest one.

#050000
```
#050000 rgb(5,0,0)
```
#180000
```
#180000 rgb(24,0,0)
```
#2b0101
```
#2b0101 rgb(43,1,1)
```
#3f0101
```
#3f0101 rgb(63,1,1)
```
#520102
```
#520102 rgb(82,1,2)
```
#650102
```
#650102 rgb(101,1,2)
```
#790202
```
#790202 rgb(121,2,2)
```
#8c0203
```
#8c0203 rgb(140,2,3)
```
#9f0203
```
#9f0203 rgb(159,2,3)
```
#b30303
```
#b30303 rgb(179,3,3)
```
#c60304
```
#c60304 rgb(198,3,4)
```
#d90304
```
#d90304 rgb(217,3,4)
```
#ed0305
```
#ed0305 rgb(237,3,5)
```

Shade Color Variation

#fb080a
```
#fb080a rgb(251,8,10)
```
#fc1c1d
```
#fc1c1d rgb(252,28,29)
```
#fc2f30
```
#fc2f30 rgb(252,47,48)
```
#fc4243
```
#fc4243 rgb(252,66,67)
```
#fd5656
```
#fd5656 rgb(253,86,86)
```
#fd696a
```
#fd696a rgb(253,105,106)
```
#fd7c7d
```
#fd7c7d rgb(253,124,125)
```
#fd9090
```
#fd9090 rgb(253,144,144)
```
#fea3a3
```
#fea3a3 rgb(254,163,163)
```
#feb6b7
```
#feb6b7 rgb(254,182,183)
```
#fecaca
```
#fecaca rgb(254,202,202)
```
#ffdddd
```
#ffdddd rgb(255,221,221)
```
#fff0f0
```
#fff0f0 rgb(255,240,240)
```

Tint Color Variation

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

#9b9090
```
#9b9090 rgb(155,144,144)
```
#a38888
```
#a38888 rgb(163,136,136)
```
#ab8080
```
#ab8080 rgb(171,128,128)
```
#b37878
```
#b37878 rgb(179,120,120)
```
#bb7070
```
#bb7070 rgb(187,112,112)
```
#c36868
```
#c36868 rgb(195,104,104)
```
#cb6060
```
#cb6060 rgb(203,96,96)
```
#d35858
```
#d35858 rgb(211,88,88)
```
#dc4f50
```
#dc4f50 rgb(220,79,80)
```
#e44748
```
#e44748 rgb(228,71,72)
```
#ec3f40
```
#ec3f40 rgb(236,63,64)
```
#f43738
```
#f43738 rgb(244,55,56)
```
#fc2f30
```
#fc2f30 rgb(252,47,48)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#896060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978a4f Protanopia 1% of men
#ab8327 Deuteranopia 1% of men
#fc393a Tritanopia 0.001% of the population

Trichromacy

#bb6943 Protanomaly 1% of men, 0.01% of women
#c9642a Deuteranomaly 6% of men, 0.4% of women
#fc3536 Tritanomaly 0.01% of the population

#fc2f30 hex color

#fc2f30 Color Information

#fc2f30 Color Conversion

Color Schemes with #fc2f30

Alternatives to #fc2f30

#fc2f30 Preview

Shades and Tints of #fc2f30

Tones of #fc2f30

Color Blindness Simulator