#fa5a50 hex color

In a RGB color space, hex #fa5a50 is composed of 98% red, 35.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 68% yellow and 2% black. It has a hue angle of 3.5 degrees, a saturation of 94.4% and a lightness of 64.7%. #fa5a50 color hex could be obtained by blending #ffb4a0 with #f50000. Closest websafe color is: #ff6666.

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

● #fa5a50 color description : Soft red.

The hexadecimal color #fa5a50 has RGB values of R:250, G:90, B:80 and CMYK values of C:0, M:0.64, Y:0.68, K:0.02. Its decimal value is 16407120.

Hex triplet	fa5a50	`#fa5a50`
RGB Decimal	250, 90, 80	`rgb(250,90,80)`
RGB Percent	98, 35.3, 31.4	`rgb(98%,35.3%,31.4%)`
CMYK	0, 64, 68, 2
HSL	3.5°, 94.4, 64.7	`hsl(3.5,94.4%,64.7%)`
HSV (or HSB)	3.5°, 68, 98
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.087, 60.375, 38.917
XYZ	44.53, 28.22, 10.691
xyY	0.534, 0.338, 28.22
CIE-LCH	60.087, 71.831, 32.805
CIE-LUV	60.087, 123.784, 31.028
Hunter-Lab	53.123, 56.663, 25.254
Binary	11111010, 01011010, 01010000

#fa5a50
```
#fa5a50 rgb(250,90,80)
```
#50f0fa
```
#50f0fa rgb(80,240,250)
```

Complementary Color

#fa509b
```
#fa509b rgb(250,80,155)
```
#fa5a50
```
#fa5a50 rgb(250,90,80)
```
#faaf50
```
#faaf50 rgb(250,175,80)
```

Analogous Color

#509bfa
```
#509bfa rgb(80,155,250)
```
#fa5a50
```
#fa5a50 rgb(250,90,80)
```
#50faaf
```
#50faaf rgb(80,250,175)
```

Split Complementary Color

#5a50fa
```
#5a50fa rgb(90,80,250)
```
#fa5a50
```
#fa5a50 rgb(250,90,80)
```
#50fa5a
```
#50fa5a rgb(80,250,90)
```

Triadic Color

#fa50f0
```
#fa50f0 rgb(250,80,240)
```
#fa5a50
```
#fa5a50 rgb(250,90,80)
```
#50fa5a
```
#50fa5a rgb(80,250,90)
```
#50f0fa
```
#50f0fa rgb(80,240,250)
```

Tetradic Color

#f61507
```
#f61507 rgb(246,21,7)
```
#f92b1e
```
#f92b1e rgb(249,43,30)
```
#f94337
```
#f94337 rgb(249,67,55)
```
#fa5a50
```
#fa5a50 rgb(250,90,80)
```
#fb7169
```
#fb7169 rgb(251,113,105)
```
#fb8982
```
#fb8982 rgb(251,137,130)
```
#fca09a
```
#fca09a rgb(252,160,154)
```

Monochromatic Color

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

#fa5071
```
#fa5071 rgb(250,80,113)
```
#fa5062
```
#fa5062 rgb(250,80,98)
```
#fa5054
```
#fa5054 rgb(250,80,84)
```
#fa5a50
```
#fa5a50 rgb(250,90,80)
```
#fa6850
```
#fa6850 rgb(250,104,80)
```
#fa7650
```
#fa7650 rgb(250,118,80)
```
#fa8550
```
#fa8550 rgb(250,133,80)
```

Similar Colors

Text with hexadecimal color #fa5a50

This text has a font color of #fa5a50.

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

#fa5a50 background color

This paragraph has a background color of #fa5a50.

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

#fa5a50 border color

This element has a border color of #fa5a50.

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

CSS codes

.text {color:#fa5a50;}

.background {background-color:#fa5a50;}

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

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

#100100
```
#100100 rgb(16,1,0)
```
#230301
```
#230301 rgb(35,3,1)
```
#360502
```
#360502 rgb(54,5,2)
```
#490602
```
#490602 rgb(73,6,2)
```
#5c0803
```
#5c0803 rgb(92,8,3)
```
#6f0a03
```
#6f0a03 rgb(111,10,3)
```
#820b04
```
#820b04 rgb(130,11,4)
```
#950d04
```
#950d04 rgb(149,13,4)
```
#a80e05
```
#a80e05 rgb(168,14,5)
```
#bb1005
```
#bb1005 rgb(187,16,5)
```
#ce1206
```
#ce1206 rgb(206,18,6)
```
#e11306
```
#e11306 rgb(225,19,6)
```
#f51507
```
#f51507 rgb(245,21,7)
```

Shade Color Variation

#f82417
```
#f82417 rgb(248,36,23)
```
#f9362a
```
#f9362a rgb(249,54,42)
```
#f9483d
```
#f9483d rgb(249,72,61)
```
#fa5a50
```
#fa5a50 rgb(250,90,80)
```
#fb6c63
```
#fb6c63 rgb(251,108,99)
```
#fb7e76
```
#fb7e76 rgb(251,126,118)
```
#fc9089
```
#fc9089 rgb(252,144,137)
```
#fca29c
```
#fca29c rgb(252,162,156)
```
#fdb4af
```
#fdb4af rgb(253,180,175)
```
#fdc6c2
```
#fdc6c2 rgb(253,198,194)
```
#fed8d5
```
#fed8d5 rgb(254,216,213)
```
#feeae9
```
#feeae9 rgb(254,234,233)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#a7a3a3
```
#a7a3a3 rgb(167,163,163)
```
#ae9d9c
```
#ae9d9c rgb(174,157,156)
```
#b59795
```
#b59795 rgb(181,151,149)
```
#bc918e
```
#bc918e rgb(188,145,142)
```
#c38b87
```
#c38b87 rgb(195,139,135)
```
#ca8580
```
#ca8580 rgb(202,133,128)
```
#d07f7a
```
#d07f7a rgb(208,127,122)
```
#d77973
```
#d77973 rgb(215,121,115)
```
#de726c
```
#de726c rgb(222,114,108)
```
#e56c65
```
#e56c65 rgb(229,108,101)
```
#ec665e
```
#ec665e rgb(236,102,94)
```
#f36057
```
#f36057 rgb(243,96,87)
```
#fa5a50
```
#fa5a50 rgb(250,90,80)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#a0807e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2966a Protanopia 1% of men
#b78f4e Deuteranopia 1% of men
#fa6065 Tritanopia 0.001% of the population

Trichromacy

#c28061 Protanomaly 1% of men, 0.01% of women
#cf7c4f Deuteranomaly 6% of men, 0.4% of women
#fa5e5d Tritanomaly 0.01% of the population

#fa5a50 hex color

#fa5a50 Color Information

#fa5a50 Color Conversion

Color Schemes with #fa5a50

Alternatives to #fa5a50

#fa5a50 Preview

Shades and Tints of #fa5a50

Tones of #fa5a50

Color Blindness Simulator