#fd5a74 hex color

In a RGB color space, hex #fd5a74 is composed of 99.2% red, 35.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.4% magenta, 54.2% yellow and 0.8% black. It has a hue angle of 350.4 degrees, a saturation of 97.6% and a lightness of 67.3%. #fd5a74 color hex could be obtained by blending #ffb4e8 with #fb0000. Closest websafe color is: #ff6666.

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

● #fd5a74 color description : Soft red.

The hexadecimal color #fd5a74 has RGB values of R:253, G:90, B:116 and CMYK values of C:0, M:0.64, Y:0.54, K:0.01. Its decimal value is 16603764.

Hex triplet	fd5a74	`#fd5a74`
RGB Decimal	253, 90, 116	`rgb(253,90,116)`
RGB Percent	99.2, 35.3, 45.5	`rgb(99.2%,35.3%,45.5%)`
CMYK	0, 64, 54, 1
HSL	350.4°, 97.6, 67.3	`hsl(350.4,97.6%,67.3%)`
HSV (or HSB)	350.4°, 64.4, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.186, 63.579, 19.929
XYZ	47.318, 29.461, 19.717
xyY	0.49, 0.305, 29.461
CIE-LCH	61.186, 66.629, 17.404
CIE-LUV	61.186, 117.172, 12.069
Hunter-Lab	54.278, 60.626, 16.457
Binary	11111101, 01011010, 01110100

#fd5a74
```
#fd5a74 rgb(253,90,116)
```
#5afde3
```
#5afde3 rgb(90,253,227)
```

Complementary Color

#fd5ac6
```
#fd5ac6 rgb(253,90,198)
```
#fd5a74
```
#fd5a74 rgb(253,90,116)
```
#fd925a
```
#fd925a rgb(253,146,90)
```

Analogous Color

#5ac6fd
```
#5ac6fd rgb(90,198,253)
```
#fd5a74
```
#fd5a74 rgb(253,90,116)
```
#5afd92
```
#5afd92 rgb(90,253,146)
```

Split Complementary Color

#5a74fd
```
#5a74fd rgb(90,116,253)
```
#fd5a74
```
#fd5a74 rgb(253,90,116)
```
#74fd5a
```
#74fd5a rgb(116,253,90)
```

Triadic Color

#e35afd
```
#e35afd rgb(227,90,253)
```
#fd5a74
```
#fd5a74 rgb(253,90,116)
```
#74fd5a
```
#74fd5a rgb(116,253,90)
```
#5afde3
```
#5afde3 rgb(90,253,227)
```

Tetradic Color

#fc0e34
```
#fc0e34 rgb(252,14,52)
```
#fc284a
```
#fc284a rgb(252,40,74)
```
#fd415f
```
#fd415f rgb(253,65,95)
```
#fd5a74
```
#fd5a74 rgb(253,90,116)
```
#fd7389
```
#fd7389 rgb(253,115,137)
```
#fe8c9e
```
#fe8c9e rgb(254,140,158)
```
#fea6b4
```
#fea6b4 rgb(254,166,180)
```

Monochromatic Color

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

#fd5a9d
```
#fd5a9d rgb(253,90,157)
```
#fd5a8f
```
#fd5a8f rgb(253,90,143)
```
#fd5a82
```
#fd5a82 rgb(253,90,130)
```
#fd5a74
```
#fd5a74 rgb(253,90,116)
```
#fd5a66
```
#fd5a66 rgb(253,90,102)
```
#fd5b5a
```
#fd5b5a rgb(253,91,90)
```
#fd695a
```
#fd695a rgb(253,105,90)
```

Similar Colors

Text with hexadecimal color #fd5a74

This text has a font color of #fd5a74.

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

#fd5a74 background color

This paragraph has a background color of #fd5a74.

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

#fd5a74 border color

This element has a border color of #fd5a74.

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

CSS codes

.text {color:#fd5a74;}

.background {background-color:#fd5a74;}

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

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

#090002
```
#090002 rgb(9,0,2)
```
#1d0005
```
#1d0005 rgb(29,0,5)
```
#300108
```
#300108 rgb(48,1,8)
```
#44010b
```
#44010b rgb(68,1,11)
```
#57010f
```
#57010f rgb(87,1,15)
```
#6a0112
```
#6a0112 rgb(106,1,18)
```
#7e0215
```
#7e0215 rgb(126,2,21)
```
#910219
```
#910219 rgb(145,2,25)
```
#a4021c
```
#a4021c rgb(164,2,28)
```
#b8021f
```
#b8021f rgb(184,2,31)
```
#cb0222
```
#cb0222 rgb(203,2,34)
```
#df0326
```
#df0326 rgb(223,3,38)
```
#f20329
```
#f20329 rgb(242,3,41)
```

Shade Color Variation

#fc0c33
```
#fc0c33 rgb(252,12,51)
```
#fc2043
```
#fc2043 rgb(252,32,67)
```
#fd3353
```
#fd3353 rgb(253,51,83)
```
#fd4764
```
#fd4764 rgb(253,71,100)
```
#fd5a74
```
#fd5a74 rgb(253,90,116)
```
#fd6d84
```
#fd6d84 rgb(253,109,132)
```
#fd8195
```
#fd8195 rgb(253,129,149)
```
#fe94a5
```
#fe94a5 rgb(254,148,165)
```
#fea8b5
```
#fea8b5 rgb(254,168,181)
```
#febbc6
```
#febbc6 rgb(254,187,198)
```
#feced6
```
#feced6 rgb(254,206,214)
```
#ffe2e6
```
#ffe2e6 rgb(255,226,230)
```
#fff5f7
```
#fff5f7 rgb(255,245,247)
```

Tint Color Variation

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

#b0a7a8
```
#b0a7a8 rgb(176,167,168)
```
#b6a1a4
```
#b6a1a4 rgb(182,161,164)
```
#bd9aa0
```
#bd9aa0 rgb(189,154,160)
```
#c3949b
```
#c3949b rgb(195,148,155)
```
#ca8d97
```
#ca8d97 rgb(202,141,151)
```
#d08793
```
#d08793 rgb(208,135,147)
```
#d6818e
```
#d6818e rgb(214,129,142)
```
#dd7a8a
```
#dd7a8a rgb(221,122,138)
```
#e37485
```
#e37485 rgb(227,116,133)
```
#ea6d81
```
#ea6d81 rgb(234,109,129)
```
#f0677d
```
#f0677d rgb(240,103,125)
```
#f76078
```
#f76078 rgb(247,96,120)
```
#fd5a74
```
#fd5a74 rgb(253,90,116)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a48489 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9892 Protanopia 1% of men
#b49370 Deuteranopia 1% of men
#fc656b Tritanopia 0.001% of the population

Trichromacy

#c08187 Protanomaly 1% of men, 0.01% of women
#ce7e71 Deuteranomaly 6% of men, 0.4% of women
#fc616e Tritanomaly 0.01% of the population

#fd5a74 hex color

#fd5a74 Color Information

#fd5a74 Color Conversion

Color Schemes with #fd5a74

Alternatives to #fd5a74

#fd5a74 Preview

Shades and Tints of #fd5a74

Tones of #fd5a74

Color Blindness Simulator