#fc5a56 hex color

In a RGB color space, hex #fc5a56 is composed of 98.8% red, 35.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.3% magenta, 65.9% yellow and 1.2% black. It has a hue angle of 1.4 degrees, a saturation of 96.5% and a lightness of 66.3%. #fc5a56 color hex could be obtained by blending #ffb4ac with #f90000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 99
- G 35
- B 34
RGB color chart
- C 0
- M 64
- Y 66
- K 1
CMYK color chart

● #fc5a56 color description : Soft red.

The hexadecimal color #fc5a56 has RGB values of R:252, G:90, B:86 and CMYK values of C:0, M:0.64, Y:0.66, K:0.01. Its decimal value is 16538198.

Hex triplet	fc5a56	`#fc5a56`
RGB Decimal	252, 90, 86	`rgb(252,90,86)`
RGB Percent	98.8, 35.3, 33.7	`rgb(98.8%,35.3%,33.7%)`
CMYK	0, 64, 66, 1
HSL	1.4°, 96.5, 66.3	`hsl(1.4,96.5%,66.3%)`
HSV (or HSB)	1.4°, 65.9, 98.8
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.502, 61.335, 36.157
XYZ	45.483, 28.685, 11.945
xyY	0.528, 0.333, 28.685
CIE-LCH	60.502, 71.199, 30.519
CIE-LUV	60.502, 124.098, 28.544
Hunter-Lab	53.558, 57.86, 24.267
Binary	11111100, 01011010, 01010110

#fc5a56
```
#fc5a56 rgb(252,90,86)
```
#56f8fc
```
#56f8fc rgb(86,248,252)
```

Complementary Color

#fc56a5
```
#fc56a5 rgb(252,86,165)
```
#fc5a56
```
#fc5a56 rgb(252,90,86)
```
#fcad56
```
#fcad56 rgb(252,173,86)
```

Analogous Color

#56a5fc
```
#56a5fc rgb(86,165,252)
```
#fc5a56
```
#fc5a56 rgb(252,90,86)
```
#56fcad
```
#56fcad rgb(86,252,173)
```

Split Complementary Color

#5a56fc
```
#5a56fc rgb(90,86,252)
```
#fc5a56
```
#fc5a56 rgb(252,90,86)
```
#56fc5a
```
#56fc5a rgb(86,252,90)
```

Triadic Color

#fc56f8
```
#fc56f8 rgb(252,86,248)
```
#fc5a56
```
#fc5a56 rgb(252,90,86)
```
#56fc5a
```
#56fc5a rgb(86,252,90)
```
#56f8fc
```
#56f8fc rgb(86,248,252)
```

Tetradic Color

#fb110b
```
#fb110b rgb(251,17,11)
```
#fb2924
```
#fb2924 rgb(251,41,36)
```
#fc423d
```
#fc423d rgb(252,66,61)
```
#fc5a56
```
#fc5a56 rgb(252,90,86)
```
#fc726f
```
#fc726f rgb(252,114,111)
```
#fd8b88
```
#fd8b88 rgb(253,139,136)
```
#fda3a1
```
#fda3a1 rgb(253,163,161)
```

Monochromatic Color

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

#fc567c
```
#fc567c rgb(252,86,124)
```
#fc566e
```
#fc566e rgb(252,86,110)
```
#fc5660
```
#fc5660 rgb(252,86,96)
```
#fc5a56
```
#fc5a56 rgb(252,90,86)
```
#fc6856
```
#fc6856 rgb(252,104,86)
```
#fc7656
```
#fc7656 rgb(252,118,86)
```
#fc8456
```
#fc8456 rgb(252,132,86)
```

Similar Colors

Text with hexadecimal color #fc5a56

This text has a font color of #fc5a56.

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

#fc5a56 background color

This paragraph has a background color of #fc5a56.

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

#fc5a56 border color

This element has a border color of #fc5a56.

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

CSS codes

.text {color:#fc5a56;}

.background {background-color:#fc5a56;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#180100
```
#180100 rgb(24,1,0)
```
#2b0201
```
#2b0201 rgb(43,2,1)
```
#3e0301
```
#3e0301 rgb(62,3,1)
```
#520301
```
#520301 rgb(82,3,1)
```
#650402
```
#650402 rgb(101,4,2)
```
#780502
```
#780502 rgb(120,5,2)
```
#8b0602
```
#8b0602 rgb(139,6,2)
```
#9f0703
```
#9f0703 rgb(159,7,3)
```
#b20703
```
#b20703 rgb(178,7,3)
```
#c50804
```
#c50804 rgb(197,8,4)
```
#d80904
```
#d80904 rgb(216,9,4)
```
#ec0a04
```
#ec0a04 rgb(236,10,4)
```

Shade Color Variation

#fb0f09
```
#fb0f09 rgb(251,15,9)
```
#fb221c
```
#fb221c rgb(251,34,28)
```
#fb342f
```
#fb342f rgb(251,52,47)
```
#fc4743
```
#fc4743 rgb(252,71,67)
```
#fc5a56
```
#fc5a56 rgb(252,90,86)
```
#fc6d69
```
#fc6d69 rgb(252,109,105)
```
#fd807d
```
#fd807d rgb(253,128,125)
```
#fd9290
```
#fd9290 rgb(253,146,144)
```
#fda5a3
```
#fda5a3 rgb(253,165,163)
```
#feb8b6
```
#feb8b6 rgb(254,184,182)
```
#fecbca
```
#fecbca rgb(254,203,202)
```
#fededd
```
#fededd rgb(254,222,221)
```
#fff1f0
```
#fff1f0 rgb(255,241,240)
```

Tint Color Variation

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

#ada6a5
```
#ada6a5 rgb(173,166,165)
```
#b39f9f
```
#b39f9f rgb(179,159,159)
```
#ba9998
```
#ba9998 rgb(186,153,152)
```
#c09392
```
#c09392 rgb(192,147,146)
```
#c78c8b
```
#c78c8b rgb(199,140,139)
```
#ce8684
```
#ce8684 rgb(206,134,132)
```
#d4807e
```
#d4807e rgb(212,128,126)
```
#db7977
```
#db7977 rgb(219,121,119)
```
#e27370
```
#e27370 rgb(226,115,112)
```
#e86d6a
```
#e86d6a rgb(232,109,106)
```
#ef6763
```
#ef6763 rgb(239,103,99)
```
#f5605d
```
#f5605d rgb(245,96,93)
```
#fc5a56
```
#fc5a56 rgb(252,90,86)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#a18080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29771 Protanopia 1% of men
#b89054 Deuteranopia 1% of men
#fc6166 Tritanopia 0.001% of the population

Trichromacy

#c28167 Protanomaly 1% of men, 0.01% of women
#d07c54 Deuteranomaly 6% of men, 0.4% of women
#fc5e60 Tritanomaly 0.01% of the population

#fc5a56 hex color

#fc5a56 Color Information

#fc5a56 Color Conversion

Color Schemes with #fc5a56

Alternatives to #fc5a56

#fc5a56 Preview

Shades and Tints of #fc5a56

Tones of #fc5a56

Color Blindness Simulator