#fc504d hex color

In a RGB color space, hex #fc504d is composed of 98.8% red, 31.4% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.3% magenta, 69.4% yellow and 1.2% black. It has a hue angle of 1 degrees, a saturation of 96.7% and a lightness of 64.5%. #fc504d color hex could be obtained by blending #ffa09a with #f90000. Closest websafe color is: #ff6666.

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

● #fc504d color description : Soft red.

The hexadecimal color #fc504d has RGB values of R:252, G:80, B:77 and CMYK values of C:0, M:0.68, Y:0.69, K:0.01. Its decimal value is 16535629.

Hex triplet	fc504d	`#fc504d`
RGB Decimal	252, 80, 77	`rgb(252,80,77)`
RGB Percent	98.8, 31.4, 30.2	`rgb(98.8%,31.4%,30.2%)`
CMYK	0, 68, 69, 1
HSL	1°, 96.7, 64.5	`hsl(1,96.7%,64.5%)`
HSV (or HSB)	1°, 69.4, 98.8
Web Safe	ff6666	`#ff6666`

CIE-LAB	58.95, 64.767, 39.316
XYZ	44.355, 26.974, 9.892
xyY	0.546, 0.332, 26.974
CIE-LCH	58.95, 75.766, 31.259
CIE-LUV	58.95, 132.456, 29.782
Hunter-Lab	51.936, 61.556, 25.063
Binary	11111100, 01010000, 01001101

#fc504d
```
#fc504d rgb(252,80,77)
```
#4df9fc
```
#4df9fc rgb(77,249,252)
```

Complementary Color

#fc4da2
```
#fc4da2 rgb(252,77,162)
```
#fc504d
```
#fc504d rgb(252,80,77)
```
#fca84d
```
#fca84d rgb(252,168,77)
```

Analogous Color

#4da2fc
```
#4da2fc rgb(77,162,252)
```
#fc504d
```
#fc504d rgb(252,80,77)
```
#4dfca8
```
#4dfca8 rgb(77,252,168)
```

Split Complementary Color

#504dfc
```
#504dfc rgb(80,77,252)
```
#fc504d
```
#fc504d rgb(252,80,77)
```
#4dfc50
```
#4dfc50 rgb(77,252,80)
```

Triadic Color

#fc4df9
```
#fc4df9 rgb(252,77,249)
```
#fc504d
```
#fc504d rgb(252,80,77)
```
#4dfc50
```
#4dfc50 rgb(77,252,80)
```
#4df9fc
```
#4df9fc rgb(77,249,252)
```

Tetradic Color

#f80804
```
#f80804 rgb(248,8,4)
```
#fb1f1b
```
#fb1f1b rgb(251,31,27)
```
#fc3734
```
#fc3734 rgb(252,55,52)
```
#fc504d
```
#fc504d rgb(252,80,77)
```
#fc6966
```
#fc6966 rgb(252,105,102)
```
#fd817f
```
#fd817f rgb(253,129,127)
```
#fd9a98
```
#fd9a98 rgb(253,154,152)
```

Monochromatic Color

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

#fc4d76
```
#fc4d76 rgb(252,77,118)
```
#fc4d67
```
#fc4d67 rgb(252,77,103)
```
#fc4d59
```
#fc4d59 rgb(252,77,89)
```
#fc504d
```
#fc504d rgb(252,80,77)
```
#fc5f4d
```
#fc5f4d rgb(252,95,77)
```
#fc6d4d
```
#fc6d4d rgb(252,109,77)
```
#fc7c4d
```
#fc7c4d rgb(252,124,77)
```

Similar Colors

Text with hexadecimal color #fc504d

This text has a font color of #fc504d.

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

#fc504d background color

This paragraph has a background color of #fc504d.

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

#fc504d border color

This element has a border color of #fc504d.

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

CSS codes

.text {color:#fc504d;}

.background {background-color:#fc504d;}

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

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

#0f0100
```
#0f0100 rgb(15,1,0)
```
#220101
```
#220101 rgb(34,1,1)
```
#350201
```
#350201 rgb(53,2,1)
```
#490201
```
#490201 rgb(73,2,1)
```
#5c0302
```
#5c0302 rgb(92,3,2)
```
#6f0402
```
#6f0402 rgb(111,4,2)
```
#830402
```
#830402 rgb(131,4,2)
```
#960503
```
#960503 rgb(150,5,3)
```
#a90603
```
#a90603 rgb(169,6,3)
```
#bd0603
```
#bd0603 rgb(189,6,3)
```
#d00704
```
#d00704 rgb(208,7,4)
```
#e30804
```
#e30804 rgb(227,8,4)
```
#f60804
```
#f60804 rgb(246,8,4)
```

Shade Color Variation

#fb1713
```
#fb1713 rgb(251,23,19)
```
#fb2a26
```
#fb2a26 rgb(251,42,38)
```
#fc3d3a
```
#fc3d3a rgb(252,61,58)
```
#fc504d
```
#fc504d rgb(252,80,77)
```
#fc6360
```
#fc6360 rgb(252,99,96)
```
#fd7674
```
#fd7674 rgb(253,118,116)
```
#fd8987
```
#fd8987 rgb(253,137,135)
```
#fd9c9a
```
#fd9c9a rgb(253,156,154)
```
#feafad
```
#feafad rgb(254,175,173)
```
#fec2c1
```
#fec2c1 rgb(254,194,193)
```
#fed5d4
```
#fed5d4 rgb(254,213,212)
```
#ffe8e7
```
#ffe8e7 rgb(255,232,231)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#a8a1a1
```
#a8a1a1 rgb(168,161,161)
```
#af9a9a
```
#af9a9a rgb(175,154,154)
```
#b69393
```
#b69393 rgb(182,147,147)
```
#bd8d8c
```
#bd8d8c rgb(189,141,140)
```
#c48685
```
#c48685 rgb(196,134,133)
```
#cb7f7e
```
#cb7f7e rgb(203,127,126)
```
#d27877
```
#d27877 rgb(210,120,119)
```
#d97270
```
#d97270 rgb(217,114,112)
```
#e06b69
```
#e06b69 rgb(224,107,105)
```
#e76462
```
#e76462 rgb(231,100,98)
```
#ee5d5b
```
#ee5d5b rgb(238,93,91)
```
#f55754
```
#f55754 rgb(245,87,84)
```
#fc504d
```
#fc504d rgb(252,80,77)
```

Tone Color Variation

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

#9f9369 Protanopia 1% of men
#b48d4a Deuteranopia 1% of men
#fc585c Tritanopia 0.001% of the population

Trichromacy

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

#fc504d hex color

#fc504d Color Information

#fc504d Color Conversion

Color Schemes with #fc504d

Alternatives to #fc504d

#fc504d Preview

Shades and Tints of #fc504d

Tones of #fc504d

Color Blindness Simulator