#fc5f59 hex color

In a RGB color space, hex #fc5f59 is composed of 98.8% red, 37.3% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.3% magenta, 64.7% yellow and 1.2% black. It has a hue angle of 2.2 degrees, a saturation of 96.4% and a lightness of 66.9%. #fc5f59 color hex could be obtained by blending #ffbeb2 with #f90000. Closest websafe color is: #ff6666.

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

● #fc5f59 color description : Soft red.

The hexadecimal color #fc5f59 has RGB values of R:252, G:95, B:89 and CMYK values of C:0, M:0.62, Y:0.65, K:0.01. Its decimal value is 16539481.

Hex triplet	fc5f59	`#fc5f59`
RGB Decimal	252, 95, 89	`rgb(252,95,89)`
RGB Percent	98.8, 37.3, 34.9	`rgb(98.8%,37.3%,34.9%)`
CMYK	0, 62, 65, 1
HSL	2.2°, 96.4, 66.9	`hsl(2.2,96.4%,66.9%)`
HSV (or HSB)	2.2°, 64.7, 98.8
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.313, 59.438, 35.475
XYZ	46.042, 29.606, 12.741
xyY	0.521, 0.335, 29.606
CIE-LCH	61.313, 69.22, 30.83
CIE-LUV	61.313, 120.142, 28.673
Hunter-Lab	54.411, 55.824, 24.205
Binary	11111100, 01011111, 01011001

#fc5f59
```
#fc5f59 rgb(252,95,89)
```
#59f6fc
```
#59f6fc rgb(89,246,252)
```

Complementary Color

#fc59a5
```
#fc59a5 rgb(252,89,165)
```
#fc5f59
```
#fc5f59 rgb(252,95,89)
```
#fcb159
```
#fcb159 rgb(252,177,89)
```

Analogous Color

#59a5fc
```
#59a5fc rgb(89,165,252)
```
#fc5f59
```
#fc5f59 rgb(252,95,89)
```
#59fcb1
```
#59fcb1 rgb(89,252,177)
```

Split Complementary Color

#5f59fc
```
#5f59fc rgb(95,89,252)
```
#fc5f59
```
#fc5f59 rgb(252,95,89)
```
#59fc5f
```
#59fc5f rgb(89,252,95)
```

Triadic Color

#fc59f6
```
#fc59f6 rgb(252,89,246)
```
#fc5f59
```
#fc5f59 rgb(252,95,89)
```
#59fc5f
```
#59fc5f rgb(89,252,95)
```
#59f6fc
```
#59f6fc rgb(89,246,252)
```

Tetradic Color

#fb170e
```
#fb170e rgb(251,23,14)
```
#fb2f27
```
#fb2f27 rgb(251,47,39)
```
#fc4740
```
#fc4740 rgb(252,71,64)
```
#fc5f59
```
#fc5f59 rgb(252,95,89)
```
#fc7772
```
#fc7772 rgb(252,119,114)
```
#fd8f8b
```
#fd8f8b rgb(253,143,139)
```
#fda7a4
```
#fda7a4 rgb(253,167,164)
```

Monochromatic Color

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

#fc597c
```
#fc597c rgb(252,89,124)
```
#fc596e
```
#fc596e rgb(252,89,110)
```
#fc5961
```
#fc5961 rgb(252,89,97)
```
#fc5f59
```
#fc5f59 rgb(252,95,89)
```
#fc6d59
```
#fc6d59 rgb(252,109,89)
```
#fc7a59
```
#fc7a59 rgb(252,122,89)
```
#fc8859
```
#fc8859 rgb(252,136,89)
```

Similar Colors

Text with hexadecimal color #fc5f59

This text has a font color of #fc5f59.

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

#fc5f59 background color

This paragraph has a background color of #fc5f59.

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

#fc5f59 border color

This element has a border color of #fc5f59.

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

CSS codes

.text {color:#fc5f59;}

.background {background-color:#fc5f59;}

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

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

#070000
```
#070000 rgb(7,0,0)
```
#1b0100
```
#1b0100 rgb(27,1,0)
```
#2e0201
```
#2e0201 rgb(46,2,1)
```
#410401
```
#410401 rgb(65,4,1)
```
#540502
```
#540502 rgb(84,5,2)
```
#680602
```
#680602 rgb(104,6,2)
```
#7b0702
```
#7b0702 rgb(123,7,2)
```
#8e0803
```
#8e0803 rgb(142,8,3)
```
#a20903
```
#a20903 rgb(162,9,3)
```
#b50a03
```
#b50a03 rgb(181,10,3)
```
#c80b04
```
#c80b04 rgb(200,11,4)
```
#db0c04
```
#db0c04 rgb(219,12,4)
```
#ef0d04
```
#ef0d04 rgb(239,13,4)
```

Shade Color Variation

#fb150c
```
#fb150c rgb(251,21,12)
```
#fb271f
```
#fb271f rgb(251,39,31)
```
#fb3a32
```
#fb3a32 rgb(251,58,50)
```
#fc4c46
```
#fc4c46 rgb(252,76,70)
```
#fc5f59
```
#fc5f59 rgb(252,95,89)
```
#fc726c
```
#fc726c rgb(252,114,108)
```
#fd8480
```
#fd8480 rgb(253,132,128)
```
#fd9793
```
#fd9793 rgb(253,151,147)
```
#fda9a6
```
#fda9a6 rgb(253,169,166)
```
#febcb9
```
#febcb9 rgb(254,188,185)
```
#fececd
```
#fececd rgb(254,206,205)
```
#fee1e0
```
#fee1e0 rgb(254,225,224)
```
#fff4f3
```
#fff4f3 rgb(255,244,243)
```

Tint Color Variation

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

#aea7a7
```
#aea7a7 rgb(174,167,167)
```
#b5a1a1
```
#b5a1a1 rgb(181,161,161)
```
#bb9b9a
```
#bb9b9a rgb(187,155,154)
```
#c29594
```
#c29594 rgb(194,149,148)
```
#c88f8d
```
#c88f8d rgb(200,143,141)
```
#cf8987
```
#cf8987 rgb(207,137,135)
```
#d58380
```
#d58380 rgb(213,131,128)
```
#dc7d7a
```
#dc7d7a rgb(220,125,122)
```
#e27773
```
#e27773 rgb(226,119,115)
```
#e9716d
```
#e9716d rgb(233,113,109)
```
#ef6b66
```
#ef6b66 rgb(239,107,102)
```
#f66560
```
#f66560 rgb(246,101,96)
```
#fc5f59
```
#fc5f59 rgb(252,95,89)
```

Tone Color Variation

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

Dichromacy

#a49973 Protanopia 1% of men
#ba9257 Deuteranopia 1% of men
#fc656b Tritanopia 0.001% of the population

Trichromacy

#c48469 Protanomaly 1% of men, 0.01% of women
#d28058 Deuteranomaly 6% of men, 0.4% of women
#fc6364 Tritanomaly 0.01% of the population

#fc5f59 hex color

#fc5f59 Color Information

#fc5f59 Color Conversion

Color Schemes with #fc5f59

Alternatives to #fc5f59

#fc5f59 Preview

Shades and Tints of #fc5f59

Tones of #fc5f59

Color Blindness Simulator