#fd5f5e hex color

In a RGB color space, hex #fd5f5e is composed of 99.2% red, 37.3% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.5% magenta, 62.8% yellow and 0.8% black. It has a hue angle of 0.4 degrees, a saturation of 97.5% and a lightness of 68%. #fd5f5e color hex could be obtained by blending #ffbebc with #fb0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 99
- G 37
- B 37
RGB color chart
- C 0
- M 62
- Y 63
- K 1
CMYK color chart

● #fd5f5e color description : Soft red.

The hexadecimal color #fd5f5e has RGB values of R:253, G:95, B:94 and CMYK values of C:0, M:0.62, Y:0.63, K:0.01. Its decimal value is 16605022.

Hex triplet	fd5f5e	`#fd5f5e`
RGB Decimal	253, 95, 94	`rgb(253,95,94)`
RGB Percent	99.2, 37.3, 36.9	`rgb(99.2%,37.3%,36.9%)`
CMYK	0, 62, 63, 1
HSL	0.4°, 97.5, 68	`hsl(0.4,97.5%,68%)`
HSV (or HSB)	0.4°, 62.8, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.551, 60.056, 33
XYZ	46.622, 29.88, 13.901
xyY	0.516, 0.331, 29.88
CIE-LCH	61.551, 68.525, 28.788
CIE-LUV	61.551, 119.82, 26.315
Hunter-Lab	54.663, 56.585, 23.186
Binary	11111101, 01011111, 01011110

#fd5f5e
```
#fd5f5e rgb(253,95,94)
```
#5efcfd
```
#5efcfd rgb(94,252,253)
```

Complementary Color

#fd5ead
```
#fd5ead rgb(253,94,173)
```
#fd5f5e
```
#fd5f5e rgb(253,95,94)
```
#fdaf5e
```
#fdaf5e rgb(253,175,94)
```

Analogous Color

#5eadfd
```
#5eadfd rgb(94,173,253)
```
#fd5f5e
```
#fd5f5e rgb(253,95,94)
```
#5efdaf
```
#5efdaf rgb(94,253,175)
```

Split Complementary Color

#5f5efd
```
#5f5efd rgb(95,94,253)
```
#fd5f5e
```
#fd5f5e rgb(253,95,94)
```
#5efd5f
```
#5efd5f rgb(94,253,95)
```

Triadic Color

#fd5efc
```
#fd5efc rgb(253,94,252)
```
#fd5f5e
```
#fd5f5e rgb(253,95,94)
```
#5efd5f
```
#5efd5f rgb(94,253,95)
```
#5efcfd
```
#5efcfd rgb(94,252,253)
```

Tetradic Color

#fc1412
```
#fc1412 rgb(252,20,18)
```
#fc2d2c
```
#fc2d2c rgb(252,45,44)
```
#fd4645
```
#fd4645 rgb(253,70,69)
```
#fd5f5e
```
#fd5f5e rgb(253,95,94)
```
#fd7877
```
#fd7877 rgb(253,120,119)
```
#fe9190
```
#fe9190 rgb(254,145,144)
```
#feaaaa
```
#feaaaa rgb(254,170,170)
```

Monochromatic Color

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

#fd5e85
```
#fd5e85 rgb(253,94,133)
```
#fd5e78
```
#fd5e78 rgb(253,94,120)
```
#fd5e6a
```
#fd5e6a rgb(253,94,106)
```
#fd5f5e
```
#fd5f5e rgb(253,95,94)
```
#fd6c5e
```
#fd6c5e rgb(253,108,94)
```
#fd7a5e
```
#fd7a5e rgb(253,122,94)
```
#fd875e
```
#fd875e rgb(253,135,94)
```

Similar Colors

Text with hexadecimal color #fd5f5e

This text has a font color of #fd5f5e.

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

#fd5f5e background color

This paragraph has a background color of #fd5f5e.

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

#fd5f5e border color

This element has a border color of #fd5f5e.

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

CSS codes

.text {color:#fd5f5e;}

.background {background-color:#fd5f5e;}

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

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

#0d0000
```
#0d0000 rgb(13,0,0)
```
#210100
```
#210100 rgb(33,1,0)
```
#340101
```
#340101 rgb(52,1,1)
```
#470101
```
#470101 rgb(71,1,1)
```
#5b0201
```
#5b0201 rgb(91,2,1)
```
#6e0201
```
#6e0201 rgb(110,2,1)
```
#820202
```
#820202 rgb(130,2,2)
```
#950302
```
#950302 rgb(149,3,2)
```
#a80302
```
#a80302 rgb(168,3,2)
```
#bc0302
```
#bc0302 rgb(188,3,2)
```
#cf0403
```
#cf0403 rgb(207,4,3)
```
#e20403
```
#e20403 rgb(226,4,3)
```
#f60503
```
#f60503 rgb(246,5,3)
```

Shade Color Variation

#fc1211
```
#fc1211 rgb(252,18,17)
```
#fc2524
```
#fc2524 rgb(252,37,36)
```
#fd3837
```
#fd3837 rgb(253,56,55)
```
#fd4c4b
```
#fd4c4b rgb(253,76,75)
```
#fd5f5e
```
#fd5f5e rgb(253,95,94)
```
#fd7271
```
#fd7271 rgb(253,114,113)
```
#fd8685
```
#fd8685 rgb(253,134,133)
```
#fe9998
```
#fe9998 rgb(254,153,152)
```
#feacab
```
#feacab rgb(254,172,171)
```
#febfbf
```
#febfbf rgb(254,191,191)
```
#fed3d2
```
#fed3d2 rgb(254,211,210)
```
#ffe6e6
```
#ffe6e6 rgb(255,230,230)
```
#fff9f9
```
#fff9f9 rgb(255,249,249)
```

Tint Color Variation

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

#b2a9a9
```
#b2a9a9 rgb(178,169,169)
```
#b8a3a3
```
#b8a3a3 rgb(184,163,163)
```
#be9d9d
```
#be9d9d rgb(190,157,157)
```
#c59796
```
#c59796 rgb(197,151,150)
```
#cb9190
```
#cb9190 rgb(203,145,144)
```
#d18a8a
```
#d18a8a rgb(209,138,138)
```
#d78484
```
#d78484 rgb(215,132,132)
```
#de7e7d
```
#de7e7d rgb(222,126,125)
```
#e47877
```
#e47877 rgb(228,120,119)
```
#ea7271
```
#ea7271 rgb(234,114,113)
```
#f06b6b
```
#f06b6b rgb(240,107,107)
```
#f76564
```
#f76564 rgb(247,101,100)
```
#fd5f5e
```
#fd5f5e rgb(253,95,94)
```

Tone Color Variation

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

Dichromacy

#a49979 Protanopia 1% of men
#ba935c Deuteranopia 1% of men
#fd666c Tritanopia 0.001% of the population

Trichromacy

#c4846f Protanomaly 1% of men, 0.01% of women
#d2805c Deuteranomaly 6% of men, 0.4% of women
#fd6366 Tritanomaly 0.01% of the population

#fd5f5e hex color

#fd5f5e Color Information

#fd5f5e Color Conversion

Color Schemes with #fd5f5e

Alternatives to #fd5f5e

#fd5f5e Preview

Shades and Tints of #fd5f5e

Tones of #fd5f5e

Color Blindness Simulator