#fa5561 hex color

In a RGB color space, hex #fa5561 is composed of 98% red, 33.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66% magenta, 61.2% yellow and 2% black. It has a hue angle of 355.6 degrees, a saturation of 94.3% and a lightness of 65.7%. #fa5561 color hex could be obtained by blending #ffaac2 with #f50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 98
- G 33
- B 38
RGB color chart
- C 0
- M 66
- Y 61
- K 2
CMYK color chart

● #fa5561 color description : Soft red.

The hexadecimal color #fa5561 has RGB values of R:250, G:85, B:97 and CMYK values of C:0, M:0.66, Y:0.61, K:0.02. Its decimal value is 16405857.

Hex triplet	fa5561	`#fa5561`
RGB Decimal	250, 85, 97	`rgb(250,85,97)`
RGB Percent	98, 33.3, 38	`rgb(98%,33.3%,38%)`
CMYK	0, 66, 61, 2
HSL	355.6°, 94.3, 65.7	`hsl(355.6,94.3%,65.7%)`
HSV (or HSB)	355.6°, 66, 98
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.607, 63.322, 28.713
XYZ	44.832, 27.689, 14.292
xyY	0.516, 0.319, 27.689
CIE-LCH	59.607, 69.528, 24.392
CIE-LUV	59.607, 122.935, 20.96
Hunter-Lab	52.62, 59.996, 20.73
Binary	11111010, 01010101, 01100001

#fa5561
```
#fa5561 rgb(250,85,97)
```
#55faee
```
#55faee rgb(85,250,238)
```

Complementary Color

#fa55b4
```
#fa55b4 rgb(250,85,180)
```
#fa5561
```
#fa5561 rgb(250,85,97)
```
#fa9c55
```
#fa9c55 rgb(250,156,85)
```

Analogous Color

#55b4fa
```
#55b4fa rgb(85,180,250)
```
#fa5561
```
#fa5561 rgb(250,85,97)
```
#55fa9c
```
#55fa9c rgb(85,250,156)
```

Split Complementary Color

#5561fa
```
#5561fa rgb(85,97,250)
```
#fa5561
```
#fa5561 rgb(250,85,97)
```
#61fa55
```
#61fa55 rgb(97,250,85)
```

Triadic Color

#ee55fa
```
#ee55fa rgb(238,85,250)
```
#fa5561
```
#fa5561 rgb(250,85,97)
```
#61fa55
```
#61fa55 rgb(97,250,85)
```
#55faee
```
#55faee rgb(85,250,238)
```

Tetradic Color

#f80b1c
```
#f80b1c rgb(248,11,28)
```
#f92333
```
#f92333 rgb(249,35,51)
```
#f93c4a
```
#f93c4a rgb(249,60,74)
```
#fa5561
```
#fa5561 rgb(250,85,97)
```
#fb6e78
```
#fb6e78 rgb(251,110,120)
```
#fb878f
```
#fb878f rgb(251,135,143)
```
#fc9fa6
```
#fc9fa6 rgb(252,159,166)
```

Monochromatic Color

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

#fa558a
```
#fa558a rgb(250,85,138)
```
#fa557d
```
#fa557d rgb(250,85,125)
```
#fa556f
```
#fa556f rgb(250,85,111)
```
#fa5561
```
#fa5561 rgb(250,85,97)
```
#fa5755
```
#fa5755 rgb(250,87,85)
```
#fa6555
```
#fa6555 rgb(250,101,85)
```
#fa7255
```
#fa7255 rgb(250,114,85)
```

Similar Colors

Text with hexadecimal color #fa5561

This text has a font color of #fa5561.

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

#fa5561 background color

This paragraph has a background color of #fa5561.

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

#fa5561 border color

This element has a border color of #fa5561.

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

CSS codes

.text {color:#fa5561;}

.background {background-color:#fa5561;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#150102
```
#150102 rgb(21,1,2)
```
#280104
```
#280104 rgb(40,1,4)
```
#3b0206
```
#3b0206 rgb(59,2,6)
```
#4e0208
```
#4e0208 rgb(78,2,8)
```
#61030a
```
#61030a rgb(97,3,10)
```
#74030c
```
#74030c rgb(116,3,12)
```
#87040d
```
#87040d rgb(135,4,13)
```
#9a050f
```
#9a050f rgb(154,5,15)
```
#ad0511
```
#ad0511 rgb(173,5,17)
```
#c00613
```
#c00613 rgb(192,6,19)
```
#d30615
```
#d30615 rgb(211,6,21)
```
#e60717
```
#e60717 rgb(230,7,23)
```

Shade Color Variation

#f8091a
```
#f8091a rgb(248,9,26)
```
#f81c2c
```
#f81c2c rgb(248,28,44)
```
#f92f3e
```
#f92f3e rgb(249,47,62)
```
#f9424f
```
#f9424f rgb(249,66,79)
```
#fa5561
```
#fa5561 rgb(250,85,97)
```
#fb6873
```
#fb6873 rgb(251,104,115)
```
#fb7b84
```
#fb7b84 rgb(251,123,132)
```
#fc8e96
```
#fc8e96 rgb(252,142,150)
```
#fca1a8
```
#fca1a8 rgb(252,161,168)
```
#fdb4ba
```
#fdb4ba rgb(253,180,186)
```
#fdc7cb
```
#fdc7cb rgb(253,199,203)
```
#fedadd
```
#fedadd rgb(254,218,221)
```
#feedef
```
#feedef rgb(254,237,239)
```

Tint Color Variation

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

#a9a6a6
```
#a9a6a6 rgb(169,166,166)
```
#b09fa0
```
#b09fa0 rgb(176,159,160)
```
#b7989b
```
#b7989b rgb(183,152,155)
```
#bd9295
```
#bd9295 rgb(189,146,149)
```
#c48b8f
```
#c48b8f rgb(196,139,143)
```
#cb8489
```
#cb8489 rgb(203,132,137)
```
#d27d84
```
#d27d84 rgb(210,125,132)
```
#d8777e
```
#d8777e rgb(216,119,126)
```
#df7078
```
#df7078 rgb(223,112,120)
```
#e66972
```
#e66972 rgb(230,105,114)
```
#ed626d
```
#ed626d rgb(237,98,109)
```
#f35c67
```
#f35c67 rgb(243,92,103)
```
#fa5561
```
#fa5561 rgb(250,85,97)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9f7e80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d947e Protanopia 1% of men
#b38f5e Deuteranopia 1% of men
#f95e63 Tritanopia 0.001% of the population

Trichromacy

#be7d73 Protanomaly 1% of men, 0.01% of women
#cd795f Deuteranomaly 6% of men, 0.4% of women
#f95b62 Tritanomaly 0.01% of the population

#fa5561 hex color

#fa5561 Color Information

#fa5561 Color Conversion

Color Schemes with #fa5561

Alternatives to #fa5561

#fa5561 Preview

Shades and Tints of #fa5561

Tones of #fa5561

Color Blindness Simulator