#fc5a54 hex color

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

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

● #fc5a54 color description : Soft red.

The hexadecimal color #fc5a54 has RGB values of R:252, G:90, B:84 and CMYK values of C:0, M:0.64, Y:0.67, K:0.01. Its decimal value is 16538196.

Hex triplet	fc5a54	`#fc5a54`
RGB Decimal	252, 90, 84	`rgb(252,90,84)`
RGB Percent	98.8, 35.3, 32.9	`rgb(98.8%,35.3%,32.9%)`
CMYK	0, 64, 67, 1
HSL	2.1°, 96.6, 65.9	`hsl(2.1,96.6%,65.9%)`
HSV (or HSB)	2.1°, 66.7, 98.8
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.474, 61.229, 37.24
XYZ	45.403, 28.653, 11.527
xyY	0.531, 0.335, 28.653
CIE-LCH	60.474, 71.664, 31.308
CIE-LUV	60.474, 124.544, 29.5
Hunter-Lab	53.528, 57.731, 24.702
Binary	11111100, 01011010, 01010100

#fc5a54
```
#fc5a54 rgb(252,90,84)
```
#54f6fc
```
#54f6fc rgb(84,246,252)
```

Complementary Color

#fc54a2
```
#fc54a2 rgb(252,84,162)
```
#fc5a54
```
#fc5a54 rgb(252,90,84)
```
#fcae54
```
#fcae54 rgb(252,174,84)
```

Analogous Color

#54a2fc
```
#54a2fc rgb(84,162,252)
```
#fc5a54
```
#fc5a54 rgb(252,90,84)
```
#54fcae
```
#54fcae rgb(84,252,174)
```

Split Complementary Color

#5a54fc
```
#5a54fc rgb(90,84,252)
```
#fc5a54
```
#fc5a54 rgb(252,90,84)
```
#54fc5a
```
#54fc5a rgb(84,252,90)
```

Triadic Color

#fc54f6
```
#fc54f6 rgb(252,84,246)
```
#fc5a54
```
#fc5a54 rgb(252,90,84)
```
#54fc5a
```
#54fc5a rgb(84,252,90)
```
#54f6fc
```
#54f6fc rgb(84,246,252)
```

Tetradic Color

#fb1109
```
#fb1109 rgb(251,17,9)
```
#fb2a22
```
#fb2a22 rgb(251,42,34)
```
#fc423b
```
#fc423b rgb(252,66,59)
```
#fc5a54
```
#fc5a54 rgb(252,90,84)
```
#fc726d
```
#fc726d rgb(252,114,109)
```
#fd8a86
```
#fd8a86 rgb(253,138,134)
```
#fda39f
```
#fda39f rgb(253,163,159)
```

Monochromatic Color

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

#fc5478
```
#fc5478 rgb(252,84,120)
```
#fc546a
```
#fc546a rgb(252,84,106)
```
#fc545c
```
#fc545c rgb(252,84,92)
```
#fc5a54
```
#fc5a54 rgb(252,90,84)
```
#fc6854
```
#fc6854 rgb(252,104,84)
```
#fc7654
```
#fc7654 rgb(252,118,84)
```
#fc8454
```
#fc8454 rgb(252,132,84)
```

Similar Colors

Text with hexadecimal color #fc5a54

This text has a font color of #fc5a54.

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

#fc5a54 background color

This paragraph has a background color of #fc5a54.

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

#fc5a54 border color

This element has a border color of #fc5a54.

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

CSS codes

.text {color:#fc5a54;}

.background {background-color:#fc5a54;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#160100
```
#160100 rgb(22,1,0)
```
#290201
```
#290201 rgb(41,2,1)
```
#3c0301
```
#3c0301 rgb(60,3,1)
```
#500401
```
#500401 rgb(80,4,1)
```
#630502
```
#630502 rgb(99,5,2)
```
#760602
```
#760602 rgb(118,6,2)
```
#890702
```
#890702 rgb(137,7,2)
```
#9d0803
```
#9d0803 rgb(157,8,3)
```
#b00903
```
#b00903 rgb(176,9,3)
```
#c30a03
```
#c30a03 rgb(195,10,3)
```
#d70b04
```
#d70b04 rgb(215,11,4)
```
#ea0c04
```
#ea0c04 rgb(234,12,4)
```

Shade Color Variation

#fb1007
```
#fb1007 rgb(251,16,7)
```
#fb221a
```
#fb221a rgb(251,34,26)
```
#fb352d
```
#fb352d rgb(251,53,45)
```
#fc4741
```
#fc4741 rgb(252,71,65)
```
#fc5a54
```
#fc5a54 rgb(252,90,84)
```
#fc6d67
```
#fc6d67 rgb(252,109,103)
```
#fd7f7b
```
#fd7f7b rgb(253,127,123)
```
#fd928e
```
#fd928e rgb(253,146,142)
```
#fda4a1
```
#fda4a1 rgb(253,164,161)
```
#feb7b4
```
#feb7b4 rgb(254,183,180)
```
#fecac8
```
#fecac8 rgb(254,202,200)
```
#fedcdb
```
#fedcdb rgb(254,220,219)
```
#ffefee
```
#ffefee rgb(255,239,238)
```

Tint Color Variation

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

#aca5a4
```
#aca5a4 rgb(172,165,164)
```
#b29e9e
```
#b29e9e rgb(178,158,158)
```
#b99897
```
#b99897 rgb(185,152,151)
```
#c09290
```
#c09290 rgb(192,146,144)
```
#c68c8a
```
#c68c8a rgb(198,140,138)
```
#cd8683
```
#cd8683 rgb(205,134,131)
```
#d47f7c
```
#d47f7c rgb(212,127,124)
```
#db7975
```
#db7975 rgb(219,121,117)
```
#e1736f
```
#e1736f rgb(225,115,111)
```
#e86d68
```
#e86d68 rgb(232,109,104)
```
#ef6661
```
#ef6661 rgb(239,102,97)
```
#f5605b
```
#f5605b rgb(245,96,91)
```
#fc5a54
```
#fc5a54 rgb(252,90,84)
```

Tone Color Variation

Below, you can see how #fc5a54 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
#a1807f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2976f Protanopia 1% of men
#b89052 Deuteranopia 1% of men
#fc6166 Tritanopia 0.001% of the population

Trichromacy

#c38165 Protanomaly 1% of men, 0.01% of women
#d17c52 Deuteranomaly 6% of men, 0.4% of women
#fc5e5f Tritanomaly 0.01% of the population

#fc5a54 hex color

#fc5a54 Color Information

#fc5a54 Color Conversion

Color Schemes with #fc5a54

Alternatives to #fc5a54

#fc5a54 Preview

Shades and Tints of #fc5a54

Tones of #fc5a54

Color Blindness Simulator