#fa5a4d hex color

In a RGB color space, hex #fa5a4d is composed of 98% red, 35.3% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 69.2% yellow and 2% black. It has a hue angle of 4.5 degrees, a saturation of 94.5% and a lightness of 64.1%. #fa5a4d color hex could be obtained by blending #ffb49a with #f50000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 98
- G 35
- B 30
RGB color chart
- C 0
- M 64
- Y 69
- K 2
CMYK color chart

● #fa5a4d color description : Soft red.

The hexadecimal color #fa5a4d has RGB values of R:250, G:90, B:77 and CMYK values of C:0, M:0.64, Y:0.69, K:0.02. Its decimal value is 16407117.

Hex triplet	fa5a4d	`#fa5a4d`
RGB Decimal	250, 90, 77	`rgb(250,90,77)`
RGB Percent	98, 35.3, 30.2	`rgb(98%,35.3%,30.2%)`
CMYK	0, 64, 69, 2
HSL	4.5°, 94.5, 64.1	`hsl(4.5,94.5%,64.1%)`
HSV (or HSB)	4.5°, 69.2, 98
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.048, 60.228, 40.522
XYZ	44.422, 28.177, 10.12
xyY	0.537, 0.341, 28.177
CIE-LCH	60.048, 72.59, 33.933
CIE-LUV	60.048, 124.405, 32.366
Hunter-Lab	53.082, 56.485, 25.853
Binary	11111010, 01011010, 01001101

#fa5a4d
```
#fa5a4d rgb(250,90,77)
```
#4dedfa
```
#4dedfa rgb(77,237,250)
```

Complementary Color

#fa4d97
```
#fa4d97 rgb(250,77,151)
```
#fa5a4d
```
#fa5a4d rgb(250,90,77)
```
#fab14d
```
#fab14d rgb(250,177,77)
```

Analogous Color

#4d97fa
```
#4d97fa rgb(77,151,250)
```
#fa5a4d
```
#fa5a4d rgb(250,90,77)
```
#4dfab1
```
#4dfab1 rgb(77,250,177)
```

Split Complementary Color

#5a4dfa
```
#5a4dfa rgb(90,77,250)
```
#fa5a4d
```
#fa5a4d rgb(250,90,77)
```
#4dfa5a
```
#4dfa5a rgb(77,250,90)
```

Triadic Color

#fa4ded
```
#fa4ded rgb(250,77,237)
```
#fa5a4d
```
#fa5a4d rgb(250,90,77)
```
#4dfa5a
```
#4dfa5a rgb(77,250,90)
```
#4dedfa
```
#4dedfa rgb(77,237,250)
```

Tetradic Color

#f41907
```
#f41907 rgb(244,25,7)
```
#f92c1b
```
#f92c1b rgb(249,44,27)
```
#f94334
```
#f94334 rgb(249,67,52)
```
#fa5a4d
```
#fa5a4d rgb(250,90,77)
```
#fb7166
```
#fb7166 rgb(251,113,102)
```
#fb887f
```
#fb887f rgb(251,136,127)
```
#fc9f97
```
#fc9f97 rgb(252,159,151)
```

Monochromatic Color

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

#fa4d6b
```
#fa4d6b rgb(250,77,107)
```
#fa4d5d
```
#fa4d5d rgb(250,77,93)
```
#fa4d4e
```
#fa4d4e rgb(250,77,78)
```
#fa5a4d
```
#fa5a4d rgb(250,90,77)
```
#fa684d
```
#fa684d rgb(250,104,77)
```
#fa774d
```
#fa774d rgb(250,119,77)
```
#fa854d
```
#fa854d rgb(250,133,77)
```

Similar Colors

Text with hexadecimal color #fa5a4d

This text has a font color of #fa5a4d.

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

#fa5a4d background color

This paragraph has a background color of #fa5a4d.

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

#fa5a4d border color

This element has a border color of #fa5a4d.

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

CSS codes

.text {color:#fa5a4d;}

.background {background-color:#fa5a4d;}

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

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, #0d0100 is the darkest color, while #fff9f9 is the lightest one.

#0d0100
```
#0d0100 rgb(13,1,0)
```
#200301
```
#200301 rgb(32,3,1)
```
#330501
```
#330501 rgb(51,5,1)
```
#460702
```
#460702 rgb(70,7,2)
```
#590903
```
#590903 rgb(89,9,3)
```
#6c0b03
```
#6c0b03 rgb(108,11,3)
```
#7f0d04
```
#7f0d04 rgb(127,13,4)
```
#920f04
```
#920f04 rgb(146,15,4)
```
#a51105
```
#a51105 rgb(165,17,5)
```
#b91305
```
#b91305 rgb(185,19,5)
```
#cc1506
```
#cc1506 rgb(204,21,6)
```
#df1706
```
#df1706 rgb(223,23,6)
```
#f21807
```
#f21807 rgb(242,24,7)
```

Shade Color Variation

#f82514
```
#f82514 rgb(248,37,20)
```
#f93727
```
#f93727 rgb(249,55,39)
```
#f9483a
```
#f9483a rgb(249,72,58)
```
#fa5a4d
```
#fa5a4d rgb(250,90,77)
```
#fb6c60
```
#fb6c60 rgb(251,108,96)
```
#fb7d73
```
#fb7d73 rgb(251,125,115)
```
#fc8f86
```
#fc8f86 rgb(252,143,134)
```
#fca199
```
#fca199 rgb(252,161,153)
```
#fdb2ac
```
#fdb2ac rgb(253,178,172)
```
#fdc4bf
```
#fdc4bf rgb(253,196,191)
```
#fed6d3
```
#fed6d3 rgb(254,214,211)
```
#fee7e6
```
#fee7e6 rgb(254,231,230)
```
#fff9f9
```
#fff9f9 rgb(255,249,249)
```

Tint Color Variation

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

#a6a2a1
```
#a6a2a1 rgb(166,162,161)
```
#ad9c9a
```
#ad9c9a rgb(173,156,154)
```
#b49693
```
#b49693 rgb(180,150,147)
```
#bb908c
```
#bb908c rgb(187,144,140)
```
#c28a85
```
#c28a85 rgb(194,138,133)
```
#c9847e
```
#c9847e rgb(201,132,126)
```
#d07e77
```
#d07e77 rgb(208,126,119)
```
#d77870
```
#d77870 rgb(215,120,112)
```
#de7269
```
#de7269 rgb(222,114,105)
```
#e56c62
```
#e56c62 rgb(229,108,98)
```
#ec665b
```
#ec665b rgb(236,102,91)
```
#f36054
```
#f36054 rgb(243,96,84)
```
#fa5a4d
```
#fa5a4d rgb(250,90,77)
```

Tone Color Variation

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

Dichromacy

#a29667 Protanopia 1% of men
#b88f4b Deuteranopia 1% of men
#fa6065 Tritanopia 0.001% of the population

Trichromacy

#c2805d Protanomaly 1% of men, 0.01% of women
#d07c4c Deuteranomaly 6% of men, 0.4% of women
#fa5e5c Tritanomaly 0.01% of the population

#fa5a4d hex color

#fa5a4d Color Information

#fa5a4d Color Conversion

Color Schemes with #fa5a4d

Alternatives to #fa5a4d

#fa5a4d Preview

Shades and Tints of #fa5a4d

Tones of #fa5a4d

Color Blindness Simulator