#fc504c hex color

In a RGB color space, hex #fc504c is composed of 98.8% red, 31.4% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.3% magenta, 69.8% yellow and 1.2% black. It has a hue angle of 1.4 degrees, a saturation of 96.7% and a lightness of 64.3%. #fc504c color hex could be obtained by blending #ffa098 with #f90000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 31
- B 30
RGB color chart
- C 0
- M 68
- Y 70
- K 1
CMYK color chart

● #fc504c color description : Soft red.

The hexadecimal color #fc504c has RGB values of R:252, G:80, B:76 and CMYK values of C:0, M:0.68, Y:0.7, K:0.01. Its decimal value is 16535628.

Hex triplet	fc504c	`#fc504c`
RGB Decimal	252, 80, 76	`rgb(252,80,76)`
RGB Percent	98.8, 31.4, 29.8	`rgb(98.8%,31.4%,29.8%)`
CMYK	0, 68, 70, 1
HSL	1.4°, 96.7, 64.3	`hsl(1.4,96.7%,64.3%)`
HSV (or HSB)	1.4°, 69.8, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.937, 64.721, 39.856
XYZ	44.32, 26.96, 9.707
xyY	0.547, 0.333, 26.96
CIE-LCH	58.937, 76.009, 31.625
CIE-LUV	58.937, 132.677, 30.223
Hunter-Lab	51.923, 61.499, 25.261
Binary	11111100, 01010000, 01001100

#fc504c
```
#fc504c rgb(252,80,76)
```
#4cf8fc
```
#4cf8fc rgb(76,248,252)
```

Complementary Color

#fc4ca0
```
#fc4ca0 rgb(252,76,160)
```
#fc504c
```
#fc504c rgb(252,80,76)
```
#fca84c
```
#fca84c rgb(252,168,76)
```

Analogous Color

#4ca0fc
```
#4ca0fc rgb(76,160,252)
```
#fc504c
```
#fc504c rgb(252,80,76)
```
#4cfca8
```
#4cfca8 rgb(76,252,168)
```

Split Complementary Color

#504cfc
```
#504cfc rgb(80,76,252)
```
#fc504c
```
#fc504c rgb(252,80,76)
```
#4cfc50
```
#4cfc50 rgb(76,252,80)
```

Triadic Color

#fc4cf8
```
#fc4cf8 rgb(252,76,248)
```
#fc504c
```
#fc504c rgb(252,80,76)
```
#4cfc50
```
#4cfc50 rgb(76,252,80)
```
#4cf8fc
```
#4cf8fc rgb(76,248,252)
```

Tetradic Color

#f70a04
```
#f70a04 rgb(247,10,4)
```
#fb1f1a
```
#fb1f1a rgb(251,31,26)
```
#fc3733
```
#fc3733 rgb(252,55,51)
```
#fc504c
```
#fc504c rgb(252,80,76)
```
#fc6965
```
#fc6965 rgb(252,105,101)
```
#fd817e
```
#fd817e rgb(253,129,126)
```
#fd9a97
```
#fd9a97 rgb(253,154,151)
```

Monochromatic Color

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

#fc4c74
```
#fc4c74 rgb(252,76,116)
```
#fc4c65
```
#fc4c65 rgb(252,76,101)
```
#fc4c57
```
#fc4c57 rgb(252,76,87)
```
#fc504c
```
#fc504c rgb(252,80,76)
```
#fc5f4c
```
#fc5f4c rgb(252,95,76)
```
#fc6d4c
```
#fc6d4c rgb(252,109,76)
```
#fc7c4c
```
#fc7c4c rgb(252,124,76)
```

Similar Colors

Text with hexadecimal color #fc504c

This text has a font color of #fc504c.

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

#fc504c background color

This paragraph has a background color of #fc504c.

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

#fc504c border color

This element has a border color of #fc504c.

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

CSS codes

.text {color:#fc504c;}

.background {background-color:#fc504c;}

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

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, #0e0100 is the darkest color, while #fffafa is the lightest one.

#0e0100
```
#0e0100 rgb(14,1,0)
```
#210101
```
#210101 rgb(33,1,1)
```
#350201
```
#350201 rgb(53,2,1)
```
#480301
```
#480301 rgb(72,3,1)
```
#5b0402
```
#5b0402 rgb(91,4,2)
```
#6e0402
```
#6e0402 rgb(110,4,2)
```
#820502
```
#820502 rgb(130,5,2)
```
#950602
```
#950602 rgb(149,6,2)
```
#a80703
```
#a80703 rgb(168,7,3)
```
#bc0703
```
#bc0703 rgb(188,7,3)
```
#cf0803
```
#cf0803 rgb(207,8,3)
```
#e20904
```
#e20904 rgb(226,9,4)
```
#f50a04
```
#f50a04 rgb(245,10,4)
```

Shade Color Variation

#fb1712
```
#fb1712 rgb(251,23,18)
```
#fb2a25
```
#fb2a25 rgb(251,42,37)
```
#fc3d39
```
#fc3d39 rgb(252,61,57)
```
#fc504c
```
#fc504c rgb(252,80,76)
```
#fc635f
```
#fc635f rgb(252,99,95)
```
#fd7673
```
#fd7673 rgb(253,118,115)
```
#fd8986
```
#fd8986 rgb(253,137,134)
```
#fd9b99
```
#fd9b99 rgb(253,155,153)
```
#feaeac
```
#feaeac rgb(254,174,172)
```
#fec1c0
```
#fec1c0 rgb(254,193,192)
```
#fed4d3
```
#fed4d3 rgb(254,212,211)
```
#ffe7e6
```
#ffe7e6 rgb(255,231,230)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#a8a0a0
```
#a8a0a0 rgb(168,160,160)
```
#af9a99
```
#af9a99 rgb(175,154,153)
```
#b69392
```
#b69392 rgb(182,147,146)
```
#bd8c8b
```
#bd8c8b rgb(189,140,139)
```
#c48584
```
#c48584 rgb(196,133,132)
```
#cb7f7d
```
#cb7f7d rgb(203,127,125)
```
#d27876
```
#d27876 rgb(210,120,118)
```
#d9716f
```
#d9716f rgb(217,113,111)
```
#e06b68
```
#e06b68 rgb(224,107,104)
```
#e76461
```
#e76461 rgb(231,100,97)
```
#ee5d5a
```
#ee5d5a rgb(238,93,90)
```
#f55753
```
#f55753 rgb(245,87,83)
```
#fc504c
```
#fc504c rgb(252,80,76)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#9b7978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9368 Protanopia 1% of men
#b48d49 Deuteranopia 1% of men
#fc585c Tritanopia 0.001% of the population

Trichromacy

#c07b5e Protanomaly 1% of men, 0.01% of women
#ce764a Deuteranomaly 6% of men, 0.4% of women
#fc5556 Tritanomaly 0.01% of the population

#fc504c hex color

#fc504c Color Information

#fc504c Color Conversion

Color Schemes with #fc504c

Alternatives to #fc504c

#fc504c Preview

Shades and Tints of #fc504c

Tones of #fc504c

Color Blindness Simulator