colorhexa.com

#fc2f45 hex color

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

- R 99
- G 18
- B 27
RGB color chart
- C 0
- M 81
- Y 73
- K 1
CMYK color chart

● #fc2f45 color description : Bright red.

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

Hex triplet	fc2f45	`#fc2f45`
RGB Decimal	252, 47, 69	`rgb(252,47,69)`
RGB Percent	98.8, 18.4, 27.1	`rgb(98.8%,18.4%,27.1%)`
CMYK	0, 81, 73, 1
HSL	353.6°, 97.2, 58.6	`hsl(353.6,97.2%,58.6%)`
HSV (or HSB)	353.6°, 81.3, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.24, 74.485, 39.493
XYZ	42.238, 23.163, 7.877
xyY	0.576, 0.316, 23.163
CIE-LCH	55.24, 84.307, 27.933
CIE-LUV	55.24, 151.47, 25.885
Hunter-Lab	48.128, 72.428, 23.986
Binary	11111100, 00101111, 01000101

#fc2f45
```
#fc2f45 rgb(252,47,69)
```
#2ffce6
```
#2ffce6 rgb(47,252,230)
```

Complementary Color

#fc2fac
```
#fc2fac rgb(252,47,172)
```
#fc2f45
```
#fc2f45 rgb(252,47,69)
```
#fc802f
```
#fc802f rgb(252,128,47)
```

Analogous Color

#2facfc
```
#2facfc rgb(47,172,252)
```
#fc2f45
```
#fc2f45 rgb(252,47,69)
```
#2ffc80
```
#2ffc80 rgb(47,252,128)
```

Split Complementary Color

#2f45fc
```
#2f45fc rgb(47,69,252)
```
#fc2f45
```
#fc2f45 rgb(252,47,69)
```
#45fc2f
```
#45fc2f rgb(69,252,47)
```

Triadic Color

#e62ffc
```
#e62ffc rgb(230,47,252)
```
#fc2f45
```
#fc2f45 rgb(252,47,69)
```
#45fc2f
```
#45fc2f rgb(69,252,47)
```
#2ffce6
```
#2ffce6 rgb(47,252,230)
```

Tetradic Color

#db031a
```
#db031a rgb(219,3,26)
```
#f4041d
```
#f4041d rgb(244,4,29)
```
#fc162f
```
#fc162f rgb(252,22,47)
```
#fc2f45
```
#fc2f45 rgb(252,47,69)
```
#fc485b
```
#fc485b rgb(252,72,91)
```
#fd6172
```
#fd6172 rgb(253,97,114)
```
#fd7a88
```
#fd7a88 rgb(253,122,136)
```

Monochromatic Color

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

#fc2f78
```
#fc2f78 rgb(252,47,120)
```
#fc2f67
```
#fc2f67 rgb(252,47,103)
```
#fc2f56
```
#fc2f56 rgb(252,47,86)
```
#fc2f45
```
#fc2f45 rgb(252,47,69)
```
#fc2f34
```
#fc2f34 rgb(252,47,52)
```
#fc3b2f
```
#fc3b2f rgb(252,59,47)
```
#fc4c2f
```
#fc4c2f rgb(252,76,47)
```

Similar Colors

Text with hexadecimal color #fc2f45

This text has a font color of #fc2f45.

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

#fc2f45 background color

This paragraph has a background color of #fc2f45.

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

#fc2f45 border color

This element has a border color of #fc2f45.

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

CSS codes

.text {color:#fc2f45;}

.background {background-color:#fc2f45;}

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

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

#050001
```
#050001 rgb(5,0,1)
```
#180003
```
#180003 rgb(24,0,3)
```
#2b0105
```
#2b0105 rgb(43,1,5)
```
#3f0108
```
#3f0108 rgb(63,1,8)
```
#52010a
```
#52010a rgb(82,1,10)
```
#65010c
```
#65010c rgb(101,1,12)
```
#79020f
```
#79020f rgb(121,2,15)
```
#8c0211
```
#8c0211 rgb(140,2,17)
```
#9f0213
```
#9f0213 rgb(159,2,19)
```
#b30315
```
#b30315 rgb(179,3,21)
```
#c60318
```
#c60318 rgb(198,3,24)
```
#d9031a
```
#d9031a rgb(217,3,26)
```
#ed031c
```
#ed031c rgb(237,3,28)
```

Shade Color Variation

#fb0822
```
#fb0822 rgb(251,8,34)
```
#fc1c34
```
#fc1c34 rgb(252,28,52)
```
#fc2f45
```
#fc2f45 rgb(252,47,69)
```
#fc4256
```
#fc4256 rgb(252,66,86)
```
#fd5668
```
#fd5668 rgb(253,86,104)
```
#fd6979
```
#fd6979 rgb(253,105,121)
```
#fd7c8a
```
#fd7c8a rgb(253,124,138)
```
#fd909b
```
#fd909b rgb(253,144,155)
```
#fea3ad
```
#fea3ad rgb(254,163,173)
```
#feb6be
```
#feb6be rgb(254,182,190)
```
#fecacf
```
#fecacf rgb(254,202,207)
```
#ffdde1
```
#ffdde1 rgb(255,221,225)
```
#fff0f2
```
#fff0f2 rgb(255,240,242)
```

Tint Color Variation

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

#9b9091
```
#9b9091 rgb(155,144,145)
```
#a3888b
```
#a3888b rgb(163,136,139)
```
#ab8085
```
#ab8085 rgb(171,128,133)
```
#b3787e
```
#b3787e rgb(179,120,126)
```
#bb7078
```
#bb7078 rgb(187,112,120)
```
#c36872
```
#c36872 rgb(195,104,114)
```
#cb606b
```
#cb606b rgb(203,96,107)
```
#d35865
```
#d35865 rgb(211,88,101)
```
#dc4f5e
```
#dc4f5e rgb(220,79,94)
```
#e44758
```
#e44758 rgb(228,71,88)
```
#ec3f52
```
#ec3f52 rgb(236,63,82)
```
#f4374b
```
#f4374b rgb(244,55,75)
```
#fc2f45
```
#fc2f45 rgb(252,47,69)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8b6267 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948a67 Protanopia 1% of men
#aa8440 Deuteranopia 1% of men
#fb3d3d Tritanopia 0.001% of the population

Trichromacy

#ba695a Protanomaly 1% of men, 0.01% of women
#c86542 Deuteranomaly 6% of men, 0.4% of women
#fb3740 Tritanomaly 0.01% of the population