#fc5f55 hex color

In a RGB color space, hex #fc5f55 is composed of 98.8% red, 37.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.3% magenta, 66.3% yellow and 1.2% black. It has a hue angle of 3.6 degrees, a saturation of 96.5% and a lightness of 66.1%. #fc5f55 color hex could be obtained by blending #ffbeaa with #f90000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 99
- G 37
- B 33
RGB color chart
- C 0
- M 62
- Y 66
- K 1
CMYK color chart

● #fc5f55 color description : Soft red.

The hexadecimal color #fc5f55 has RGB values of R:252, G:95, B:85 and CMYK values of C:0, M:0.62, Y:0.66, K:0.01. Its decimal value is 16539477.

Hex triplet	fc5f55	`#fc5f55`
RGB Decimal	252, 95, 85	`rgb(252,95,85)`
RGB Percent	98.8, 37.3, 33.3	`rgb(98.8%,37.3%,33.3%)`
CMYK	0, 62, 66, 1
HSL	3.6°, 96.5, 66.1	`hsl(3.6,96.5%,66.1%)`
HSV (or HSB)	3.6°, 66.3, 98.8
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.256, 59.219, 37.631
XYZ	45.879, 29.541, 11.88
xyY	0.526, 0.338, 29.541
CIE-LCH	61.256, 70.164, 32.434
CIE-LUV	61.256, 121.009, 30.606
Hunter-Lab	54.351, 55.559, 25.086
Binary	11111100, 01011111, 01010101

#fc5f55
```
#fc5f55 rgb(252,95,85)
```
#55f2fc
```
#55f2fc rgb(85,242,252)
```

Complementary Color

#fc559f
```
#fc559f rgb(252,85,159)
```
#fc5f55
```
#fc5f55 rgb(252,95,85)
```
#fcb355
```
#fcb355 rgb(252,179,85)
```

Analogous Color

#559ffc
```
#559ffc rgb(85,159,252)
```
#fc5f55
```
#fc5f55 rgb(252,95,85)
```
#55fcb3
```
#55fcb3 rgb(85,252,179)
```

Split Complementary Color

#5f55fc
```
#5f55fc rgb(95,85,252)
```
#fc5f55
```
#fc5f55 rgb(252,95,85)
```
#55fc5f
```
#55fc5f rgb(85,252,95)
```

Triadic Color

#fc55f2
```
#fc55f2 rgb(252,85,242)
```
#fc5f55
```
#fc5f55 rgb(252,95,85)
```
#55fc5f
```
#55fc5f rgb(85,252,95)
```
#55f2fc
```
#55f2fc rgb(85,242,252)
```

Tetradic Color

#fb180a
```
#fb180a rgb(251,24,10)
```
#fb3023
```
#fb3023 rgb(251,48,35)
```
#fc473c
```
#fc473c rgb(252,71,60)
```
#fc5f55
```
#fc5f55 rgb(252,95,85)
```
#fc776e
```
#fc776e rgb(252,119,110)
```
#fd8e87
```
#fd8e87 rgb(253,142,135)
```
#fda6a0
```
#fda6a0 rgb(253,166,160)
```

Monochromatic Color

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

#fc5575
```
#fc5575 rgb(252,85,117)
```
#fc5567
```
#fc5567 rgb(252,85,103)
```
#fc5559
```
#fc5559 rgb(252,85,89)
```
#fc5f55
```
#fc5f55 rgb(252,95,85)
```
#fc6d55
```
#fc6d55 rgb(252,109,85)
```
#fc7b55
```
#fc7b55 rgb(252,123,85)
```
#fc8955
```
#fc8955 rgb(252,137,85)
```

Similar Colors

Text with hexadecimal color #fc5f55

This text has a font color of #fc5f55.

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

#fc5f55 background color

This paragraph has a background color of #fc5f55.

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

#fc5f55 border color

This element has a border color of #fc5f55.

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

CSS codes

.text {color:#fc5f55;}

.background {background-color:#fc5f55;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#170200
```
#170200 rgb(23,2,0)
```
#2a0301
```
#2a0301 rgb(42,3,1)
```
#3d0501
```
#3d0501 rgb(61,5,1)
```
#510601
```
#510601 rgb(81,6,1)
```
#640802
```
#640802 rgb(100,8,2)
```
#770902
```
#770902 rgb(119,9,2)
```
#8a0b02
```
#8a0b02 rgb(138,11,2)
```
#9e0c03
```
#9e0c03 rgb(158,12,3)
```
#b10e03
```
#b10e03 rgb(177,14,3)
```
#c40f03
```
#c40f03 rgb(196,15,3)
```
#d81004
```
#d81004 rgb(216,16,4)
```
#eb1204
```
#eb1204 rgb(235,18,4)
```

Shade Color Variation

#fb1608
```
#fb1608 rgb(251,22,8)
```
#fb291b
```
#fb291b rgb(251,41,27)
```
#fb3b2e
```
#fb3b2e rgb(251,59,46)
```
#fc4d42
```
#fc4d42 rgb(252,77,66)
```
#fc5f55
```
#fc5f55 rgb(252,95,85)
```
#fc7168
```
#fc7168 rgb(252,113,104)
```
#fd837c
```
#fd837c rgb(253,131,124)
```
#fd958f
```
#fd958f rgb(253,149,143)
```
#fda8a2
```
#fda8a2 rgb(253,168,162)
```
#febab5
```
#febab5 rgb(254,186,181)
```
#feccc9
```
#feccc9 rgb(254,204,201)
```
#fededc
```
#fededc rgb(254,222,220)
```
#fff0ef
```
#fff0ef rgb(255,240,239)
```

Tint Color Variation

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

#aca5a5
```
#aca5a5 rgb(172,165,165)
```
#b39f9e
```
#b39f9e rgb(179,159,158)
```
#b99a98
```
#b99a98 rgb(185,154,152)
```
#c09491
```
#c09491 rgb(192,148,145)
```
#c78e8a
```
#c78e8a rgb(199,142,138)
```
#cd8884
```
#cd8884 rgb(205,136,132)
```
#d4827d
```
#d4827d rgb(212,130,125)
```
#db7c76
```
#db7c76 rgb(219,124,118)
```
#e17670
```
#e17670 rgb(225,118,112)
```
#e87169
```
#e87169 rgb(232,113,105)
```
#ef6b62
```
#ef6b62 rgb(239,107,98)
```
#f5655c
```
#f5655c rgb(245,101,92)
```
#fc5f55
```
#fc5f55 rgb(252,95,85)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a38482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4996f Protanopia 1% of men
#ba9253 Deuteranopia 1% of men
#fc656a Tritanopia 0.001% of the population

Trichromacy

#c48465 Protanomaly 1% of men, 0.01% of women
#d27f54 Deuteranomaly 6% of men, 0.4% of women
#fc6362 Tritanomaly 0.01% of the population

#fc5f55 hex color

#fc5f55 Color Information

#fc5f55 Color Conversion

Color Schemes with #fc5f55

Alternatives to #fc5f55

#fc5f55 Preview

Shades and Tints of #fc5f55

Tones of #fc5f55

Color Blindness Simulator