#fd5a50 hex color

In a RGB color space, hex #fd5a50 is composed of 99.2% red, 35.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.4% magenta, 68.4% yellow and 0.8% black. It has a hue angle of 3.5 degrees, a saturation of 97.7% and a lightness of 65.3%. #fd5a50 color hex could be obtained by blending #ffb4a0 with #fb0000. Closest websafe color is: #ff6666.

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

● #fd5a50 color description : Soft red.

The hexadecimal color #fd5a50 has RGB values of R:253, G:90, B:80 and CMYK values of C:0, M:0.64, Y:0.68, K:0.01. Its decimal value is 16603728.

Hex triplet	fd5a50	`#fd5a50`
RGB Decimal	253, 90, 80	`rgb(253,90,80)`
RGB Percent	99.2, 35.3, 31.4	`rgb(99.2%,35.3%,31.4%)`
CMYK	0, 64, 68, 1
HSL	3.5°, 97.7, 65.3	`hsl(3.5,97.7%,65.3%)`
HSV (or HSB)	3.5°, 68.4, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.586, 61.349, 39.631
XYZ	45.614, 28.779, 10.742
xyY	0.536, 0.338, 28.779
CIE-LCH	60.586, 73.037, 32.862
CIE-LUV	60.586, 126.216, 31.506
Hunter-Lab	53.646, 57.893, 25.68
Binary	11111101, 01011010, 01010000

#fd5a50
```
#fd5a50 rgb(253,90,80)
```
#50f3fd
```
#50f3fd rgb(80,243,253)
```

Complementary Color

#fd509d
```
#fd509d rgb(253,80,157)
```
#fd5a50
```
#fd5a50 rgb(253,90,80)
```
#fdb150
```
#fdb150 rgb(253,177,80)
```

Analogous Color

#509dfd
```
#509dfd rgb(80,157,253)
```
#fd5a50
```
#fd5a50 rgb(253,90,80)
```
#50fdb1
```
#50fdb1 rgb(80,253,177)
```

Split Complementary Color

#5a50fd
```
#5a50fd rgb(90,80,253)
```
#fd5a50
```
#fd5a50 rgb(253,90,80)
```
#50fd5a
```
#50fd5a rgb(80,253,90)
```

Triadic Color

#fd50f3
```
#fd50f3 rgb(253,80,243)
```
#fd5a50
```
#fd5a50 rgb(253,90,80)
```
#50fd5a
```
#50fd5a rgb(80,253,90)
```
#50f3fd
```
#50f3fd rgb(80,243,253)
```

Tetradic Color

#fc1304
```
#fc1304 rgb(252,19,4)
```
#fc2a1e
```
#fc2a1e rgb(252,42,30)
```
#fd4237
```
#fd4237 rgb(253,66,55)
```
#fd5a50
```
#fd5a50 rgb(253,90,80)
```
#fd7269
```
#fd7269 rgb(253,114,105)
```
#fe8a82
```
#fe8a82 rgb(254,138,130)
```
#fea19c
```
#fea19c rgb(254,161,156)
```

Monochromatic Color

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

#fd5071
```
#fd5071 rgb(253,80,113)
```
#fd5063
```
#fd5063 rgb(253,80,99)
```
#fd5054
```
#fd5054 rgb(253,80,84)
```
#fd5a50
```
#fd5a50 rgb(253,90,80)
```
#fd6850
```
#fd6850 rgb(253,104,80)
```
#fd7750
```
#fd7750 rgb(253,119,80)
```
#fd8550
```
#fd8550 rgb(253,133,80)
```

Similar Colors

Text with hexadecimal color #fd5a50

This text has a font color of #fd5a50.

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

#fd5a50 background color

This paragraph has a background color of #fd5a50.

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

#fd5a50 border color

This element has a border color of #fd5a50.

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

CSS codes

.text {color:#fd5a50;}

.background {background-color:#fd5a50;}

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

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

#130100
```
#130100 rgb(19,1,0)
```
#260300
```
#260300 rgb(38,3,0)
```
#3a0401
```
#3a0401 rgb(58,4,1)
```
#4d0501
```
#4d0501 rgb(77,5,1)
```
#610701
```
#610701 rgb(97,7,1)
```
#740801
```
#740801 rgb(116,8,1)
```
#870902
```
#870902 rgb(135,9,2)
```
#9b0b02
```
#9b0b02 rgb(155,11,2)
```
#ae0c02
```
#ae0c02 rgb(174,12,2)
```
#c10d02
```
#c10d02 rgb(193,13,2)
```
#d50f02
```
#d50f02 rgb(213,15,2)
```
#e81003
```
#e81003 rgb(232,16,3)
```
#fc1103
```
#fc1103 rgb(252,17,3)
```

Shade Color Variation

#fc2316
```
#fc2316 rgb(252,35,22)
```
#fd3529
```
#fd3529 rgb(253,53,41)
```
#fd483d
```
#fd483d rgb(253,72,61)
```
#fd5a50
```
#fd5a50 rgb(253,90,80)
```
#fd6c63
```
#fd6c63 rgb(253,108,99)
```
#fd7f77
```
#fd7f77 rgb(253,127,119)
```
#fe918a
```
#fe918a rgb(254,145,138)
```
#fea39e
```
#fea39e rgb(254,163,158)
```
#feb5b1
```
#feb5b1 rgb(254,181,177)
```
#fec8c4
```
#fec8c4 rgb(254,200,196)
```
#ffdad8
```
#ffdad8 rgb(255,218,216)
```
#ffeceb
```
#ffeceb rgb(255,236,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aba2a2
```
#aba2a2 rgb(171,162,162)
```
#b29c9b
```
#b29c9b rgb(178,156,155)
```
#b99694
```
#b99694 rgb(185,150,148)
```
#c0908d
```
#c0908d rgb(192,144,141)
```
#c78a86
```
#c78a86 rgb(199,138,134)
```
#cd8480
```
#cd8480 rgb(205,132,128)
```
#d47e79
```
#d47e79 rgb(212,126,121)
```
#db7872
```
#db7872 rgb(219,120,114)
```
#e2726b
```
#e2726b rgb(226,114,107)
```
#e96c64
```
#e96c64 rgb(233,108,100)
```
#ef665e
```
#ef665e rgb(239,102,94)
```
#f66057
```
#f66057 rgb(246,96,87)
```
#fd5a50
```
#fd5a50 rgb(253,90,80)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#a1807e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3976b Protanopia 1% of men
#b9914e Deuteranopia 1% of men
#fd6065 Tritanopia 0.001% of the population

Trichromacy

#c48161 Protanomaly 1% of men, 0.01% of women
#d17d4e Deuteranomaly 6% of men, 0.4% of women
#fd5e5d Tritanomaly 0.01% of the population

#fd5a50 hex color

#fd5a50 Color Information

#fd5a50 Color Conversion

Color Schemes with #fd5a50

Alternatives to #fd5a50

#fd5a50 Preview

Shades and Tints of #fd5a50

Tones of #fd5a50

Color Blindness Simulator