#fd5f84 hex color

In a RGB color space, hex #fd5f84 is composed of 99.2% red, 37.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.5% magenta, 47.8% yellow and 0.8% black. It has a hue angle of 345.9 degrees, a saturation of 97.5% and a lightness of 68.2%. #fd5f84 color hex could be obtained by blending #ffbeff with #fb0009. Closest websafe color is: #ff6699.

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

● #fd5f84 color description : Soft red.

The hexadecimal color #fd5f84 has RGB values of R:253, G:95, B:132 and CMYK values of C:0, M:0.62, Y:0.48, K:0.01. Its decimal value is 16605060.

Hex triplet	fd5f84	`#fd5f84`
RGB Decimal	253, 95, 132	`rgb(253,95,132)`
RGB Percent	99.2, 37.3, 51.8	`rgb(99.2%,37.3%,51.8%)`
CMYK	0, 62, 48, 1
HSL	345.9°, 97.5, 68.2	`hsl(345.9,97.5%,68.2%)`
HSV (or HSB)	345.9°, 62.5, 99.2
Web Safe	ff6699	`#ff6699`

CIE-LAB	62.286, 62.842, 12.192
XYZ	48.766, 30.738, 25.193
xyY	0.466, 0.294, 30.738
CIE-LCH	62.286, 64.014, 10.979
CIE-LUV	62.286, 109.611, 3.416
Hunter-Lab	55.442, 59.986, 11.867
Binary	11111101, 01011111, 10000100

#fd5f84
```
#fd5f84 rgb(253,95,132)
```
#5ffdd8
```
#5ffdd8 rgb(95,253,216)
```

Complementary Color

#fd5fd3
```
#fd5fd3 rgb(253,95,211)
```
#fd5f84
```
#fd5f84 rgb(253,95,132)
```
#fd895f
```
#fd895f rgb(253,137,95)
```

Analogous Color

#5fd3fd
```
#5fd3fd rgb(95,211,253)
```
#fd5f84
```
#fd5f84 rgb(253,95,132)
```
#5ffd89
```
#5ffd89 rgb(95,253,137)
```

Split Complementary Color

#5f84fd
```
#5f84fd rgb(95,132,253)
```
#fd5f84
```
#fd5f84 rgb(253,95,132)
```
#84fd5f
```
#84fd5f rgb(132,253,95)
```

Triadic Color

#d85ffd
```
#d85ffd rgb(216,95,253)
```
#fd5f84
```
#fd5f84 rgb(253,95,132)
```
#84fd5f
```
#84fd5f rgb(132,253,95)
```
#5ffdd8
```
#5ffdd8 rgb(95,253,216)
```

Tetradic Color

#fc134a
```
#fc134a rgb(252,19,74)
```
#fc2d5d
```
#fc2d5d rgb(252,45,93)
```
#fd4671
```
#fd4671 rgb(253,70,113)
```
#fd5f84
```
#fd5f84 rgb(253,95,132)
```
#fd7897
```
#fd7897 rgb(253,120,151)
```
#fe91ab
```
#fe91ab rgb(254,145,171)
```
#feabbe
```
#feabbe rgb(254,171,190)
```

Monochromatic Color

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

#fd5fac
```
#fd5fac rgb(253,95,172)
```
#fd5f9e
```
#fd5f9e rgb(253,95,158)
```
#fd5f91
```
#fd5f91 rgb(253,95,145)
```
#fd5f84
```
#fd5f84 rgb(253,95,132)
```
#fd5f77
```
#fd5f77 rgb(253,95,119)
```
#fd5f6a
```
#fd5f6a rgb(253,95,106)
```
#fd625f
```
#fd625f rgb(253,98,95)
```

Similar Colors

Text with hexadecimal color #fd5f84

This text has a font color of #fd5f84.

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

#fd5f84 background color

This paragraph has a background color of #fd5f84.

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

#fd5f84 border color

This element has a border color of #fd5f84.

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

CSS codes

.text {color:#fd5f84;}

.background {background-color:#fd5f84;}

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

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

#0e0004
```
#0e0004 rgb(14,0,4)
```
#220008
```
#220008 rgb(34,0,8)
```
#35010d
```
#35010d rgb(53,1,13)
```
#480112
```
#480112 rgb(72,1,18)
```
#5c0116
```
#5c0116 rgb(92,1,22)
```
#6f011b
```
#6f011b rgb(111,1,27)
```
#830220
```
#830220 rgb(131,2,32)
```
#960225
```
#960225 rgb(150,2,37)
```
#a90229
```
#a90229 rgb(169,2,41)
```
#bd022e
```
#bd022e rgb(189,2,46)
```
#d00333
```
#d00333 rgb(208,3,51)
```
#e30337
```
#e30337 rgb(227,3,55)
```
#f7033c
```
#f7033c rgb(247,3,60)
```

Shade Color Variation

#fc1248
```
#fc1248 rgb(252,18,72)
```
#fc2557
```
#fc2557 rgb(252,37,87)
```
#fd3866
```
#fd3866 rgb(253,56,102)
```
#fd4c75
```
#fd4c75 rgb(253,76,117)
```
#fd5f84
```
#fd5f84 rgb(253,95,132)
```
#fd7293
```
#fd7293 rgb(253,114,147)
```
#fd86a2
```
#fd86a2 rgb(253,134,162)
```
#fe99b1
```
#fe99b1 rgb(254,153,177)
```
#feacc0
```
#feacc0 rgb(254,172,192)
```
#fec0ce
```
#fec0ce rgb(254,192,206)
```
#fed3dd
```
#fed3dd rgb(254,211,221)
```
#ffe7ec
```
#ffe7ec rgb(255,231,236)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#b2aaac
```
#b2aaac rgb(178,170,172)
```
#b8a4a8
```
#b8a4a8 rgb(184,164,168)
```
#bf9da5
```
#bf9da5 rgb(191,157,165)
```
#c597a2
```
#c597a2 rgb(197,151,162)
```
#cb919f
```
#cb919f rgb(203,145,159)
```
#d18b9b
```
#d18b9b rgb(209,139,155)
```
#d88498
```
#d88498 rgb(216,132,152)
```
#de7e95
```
#de7e95 rgb(222,126,149)
```
#e47891
```
#e47891 rgb(228,120,145)
```
#ea728e
```
#ea728e rgb(234,114,142)
```
#f16b8b
```
#f16b8b rgb(241,107,139)
```
#f76587
```
#f76587 rgb(247,101,135)
```
#fd5f84
```
#fd5f84 rgb(253,95,132)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a7888f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9ba2 Protanopia 1% of men
#b49680 Deuteranopia 1% of men
#fb6c72 Tritanopia 0.001% of the population

Trichromacy

#bf8597 Protanomaly 1% of men, 0.01% of women
#ce8281 Deuteranomaly 6% of men, 0.4% of women
#fc6778 Tritanomaly 0.01% of the population

#fd5f84 hex color

#fd5f84 Color Information

#fd5f84 Color Conversion

Color Schemes with #fd5f84

Alternatives to #fd5f84

#fd5f84 Preview

Shades and Tints of #fd5f84

Tones of #fd5f84

Color Blindness Simulator