#fd5f76 hex color

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

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

● #fd5f76 color description : Soft red.

The hexadecimal color #fd5f76 has RGB values of R:253, G:95, B:118 and CMYK values of C:0, M:0.62, Y:0.53, K:0.01. Its decimal value is 16605046.

Hex triplet	fd5f76	`#fd5f76`
RGB Decimal	253, 95, 118	`rgb(253,95,118)`
RGB Percent	99.2, 37.3, 46.3	`rgb(99.2%,37.3%,46.3%)`
CMYK	0, 62, 53, 1
HSL	351.3°, 97.5, 68.2	`hsl(351.3,97.5%,68.2%)`
HSV (or HSB)	351.3°, 62.5, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.981, 61.694, 19.855
XYZ	47.872, 30.38, 20.482
xyY	0.485, 0.308, 30.38
CIE-LCH	61.981, 64.81, 17.839
CIE-LUV	61.981, 113.664, 12.552
Hunter-Lab	55.118, 58.577, 16.551
Binary	11111101, 01011111, 01110110

#fd5f76
```
#fd5f76 rgb(253,95,118)
```
#5ffde6
```
#5ffde6 rgb(95,253,230)
```

Complementary Color

#fd5fc5
```
#fd5fc5 rgb(253,95,197)
```
#fd5f76
```
#fd5f76 rgb(253,95,118)
```
#fd975f
```
#fd975f rgb(253,151,95)
```

Analogous Color

#5fc5fd
```
#5fc5fd rgb(95,197,253)
```
#fd5f76
```
#fd5f76 rgb(253,95,118)
```
#5ffd97
```
#5ffd97 rgb(95,253,151)
```

Split Complementary Color

#5f76fd
```
#5f76fd rgb(95,118,253)
```
#fd5f76
```
#fd5f76 rgb(253,95,118)
```
#76fd5f
```
#76fd5f rgb(118,253,95)
```

Triadic Color

#e65ffd
```
#e65ffd rgb(230,95,253)
```
#fd5f76
```
#fd5f76 rgb(253,95,118)
```
#76fd5f
```
#76fd5f rgb(118,253,95)
```
#5ffde6
```
#5ffde6 rgb(95,253,230)
```

Tetradic Color

#fc1335
```
#fc1335 rgb(252,19,53)
```
#fc2d4b
```
#fc2d4b rgb(252,45,75)
```
#fd4660
```
#fd4660 rgb(253,70,96)
```
#fd5f76
```
#fd5f76 rgb(253,95,118)
```
#fd788c
```
#fd788c rgb(253,120,140)
```
#fe91a1
```
#fe91a1 rgb(254,145,161)
```
#feabb7
```
#feabb7 rgb(254,171,183)
```

Monochromatic Color

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

#fd5f9e
```
#fd5f9e rgb(253,95,158)
```
#fd5f90
```
#fd5f90 rgb(253,95,144)
```
#fd5f83
```
#fd5f83 rgb(253,95,131)
```
#fd5f76
```
#fd5f76 rgb(253,95,118)
```
#fd5f69
```
#fd5f69 rgb(253,95,105)
```
#fd625f
```
#fd625f rgb(253,98,95)
```
#fd705f
```
#fd705f rgb(253,112,95)
```

Similar Colors

Text with hexadecimal color #fd5f76

This text has a font color of #fd5f76.

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

#fd5f76 background color

This paragraph has a background color of #fd5f76.

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

#fd5f76 border color

This element has a border color of #fd5f76.

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

CSS codes

.text {color:#fd5f76;}

.background {background-color:#fd5f76;}

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

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

#0e0002
```
#0e0002 rgb(14,0,2)
```
#220005
```
#220005 rgb(34,0,5)
```
#350108
```
#350108 rgb(53,1,8)
```
#48010b
```
#48010b rgb(72,1,11)
```
#5c010e
```
#5c010e rgb(92,1,14)
```
#6f0111
```
#6f0111 rgb(111,1,17)
```
#830214
```
#830214 rgb(131,2,20)
```
#960217
```
#960217 rgb(150,2,23)
```
#a9021a
```
#a9021a rgb(169,2,26)
```
#bd021d
```
#bd021d rgb(189,2,29)
```
#d00321
```
#d00321 rgb(208,3,33)
```
#e30324
```
#e30324 rgb(227,3,36)
```
#f70327
```
#f70327 rgb(247,3,39)
```

Shade Color Variation

#fc1234
```
#fc1234 rgb(252,18,52)
```
#fc2544
```
#fc2544 rgb(252,37,68)
```
#fd3855
```
#fd3855 rgb(253,56,85)
```
#fd4c65
```
#fd4c65 rgb(253,76,101)
```
#fd5f76
```
#fd5f76 rgb(253,95,118)
```
#fd7287
```
#fd7287 rgb(253,114,135)
```
#fd8697
```
#fd8697 rgb(253,134,151)
```
#fe99a8
```
#fe99a8 rgb(254,153,168)
```
#feacb8
```
#feacb8 rgb(254,172,184)
```
#fec0c9
```
#fec0c9 rgb(254,192,201)
```
#fed3da
```
#fed3da rgb(254,211,218)
```
#ffe7ea
```
#ffe7ea rgb(255,231,234)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#b2aaab
```
#b2aaab rgb(178,170,171)
```
#b8a4a7
```
#b8a4a7 rgb(184,164,167)
```
#bf9da2
```
#bf9da2 rgb(191,157,162)
```
#c5979e
```
#c5979e rgb(197,151,158)
```
#cb9199
```
#cb9199 rgb(203,145,153)
```
#d18b95
```
#d18b95 rgb(209,139,149)
```
#d88491
```
#d88491 rgb(216,132,145)
```
#de7e8c
```
#de7e8c rgb(222,126,140)
```
#e47888
```
#e47888 rgb(228,120,136)
```
#ea7283
```
#ea7283 rgb(234,114,131)
```
#f16b7f
```
#f16b7f rgb(241,107,127)
```
#f7657a
```
#f7657a rgb(247,101,122)
```
#fd5f76
```
#fd5f76 rgb(253,95,118)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a7878c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9a93 Protanopia 1% of men
#b69573 Deuteranopia 1% of men
#fc696f Tritanopia 0.001% of the population

Trichromacy

#c18488 Protanomaly 1% of men, 0.01% of women
#d08174 Deuteranomaly 6% of men, 0.4% of women
#fc6572 Tritanomaly 0.01% of the population

#fd5f76 hex color

#fd5f76 Color Information

#fd5f76 Color Conversion

Color Schemes with #fd5f76

Alternatives to #fd5f76

#fd5f76 Preview

Shades and Tints of #fd5f76

Tones of #fd5f76

Color Blindness Simulator