#fd5686 hex color

In a RGB color space, hex #fd5686 is composed of 99.2% red, 33.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66% magenta, 47% yellow and 0.8% black. It has a hue angle of 342.8 degrees, a saturation of 97.7% and a lightness of 66.5%. #fd5686 color hex could be obtained by blending #ffacff with #fb000d. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 99
- G 34
- B 53
RGB color chart
- C 0
- M 66
- Y 47
- K 1
CMYK color chart

● #fd5686 color description : Soft pink.

The hexadecimal color #fd5686 has RGB values of R:253, G:86, B:134 and CMYK values of C:0, M:0.66, Y:0.47, K:0.01. Its decimal value is 16602758.

Hex triplet	fd5686	`#fd5686`
RGB Decimal	253, 86, 134	`rgb(253,86,134)`
RGB Percent	99.2, 33.7, 52.5	`rgb(99.2%,33.7%,52.5%)`
CMYK	0, 66, 47, 1
HSL	342.8°, 97.7, 66.5	`hsl(342.8,97.7%,66.5%)`
HSV (or HSB)	342.8°, 66, 99.2
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.014, 66.602, 9.236
XYZ	48.14, 29.264, 25.666
xyY	0.467, 0.284, 29.264
CIE-LCH	61.014, 67.239, 7.895
CIE-LUV	61.014, 113.836, -1.142
Hunter-Lab	54.096, 64.178, 9.737
Binary	11111101, 01010110, 10000110

#fd5686
```
#fd5686 rgb(253,86,134)
```
#56fdcd
```
#56fdcd rgb(86,253,205)
```

Complementary Color

#fd56da
```
#fd56da rgb(253,86,218)
```
#fd5686
```
#fd5686 rgb(253,86,134)
```
#fd7a56
```
#fd7a56 rgb(253,122,86)
```

Analogous Color

#56dafd
```
#56dafd rgb(86,218,253)
```
#fd5686
```
#fd5686 rgb(253,86,134)
```
#56fd7a
```
#56fd7a rgb(86,253,122)
```

Split Complementary Color

#5686fd
```
#5686fd rgb(86,134,253)
```
#fd5686
```
#fd5686 rgb(253,86,134)
```
#86fd56
```
#86fd56 rgb(134,253,86)
```

Triadic Color

#cd56fd
```
#cd56fd rgb(205,86,253)
```
#fd5686
```
#fd5686 rgb(253,86,134)
```
#86fd56
```
#86fd56 rgb(134,253,86)
```
#56fdcd
```
#56fdcd rgb(86,253,205)
```

Tetradic Color

#fc0a50
```
#fc0a50 rgb(252,10,80)
```
#fc2462
```
#fc2462 rgb(252,36,98)
```
#fd3d74
```
#fd3d74 rgb(253,61,116)
```
#fd5686
```
#fd5686 rgb(253,86,134)
```
#fd6f98
```
#fd6f98 rgb(253,111,152)
```
#fe88aa
```
#fe88aa rgb(254,136,170)
```
#fea2bc
```
#fea2bc rgb(254,162,188)
```

Monochromatic Color

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

#fd56b0
```
#fd56b0 rgb(253,86,176)
```
#fd56a2
```
#fd56a2 rgb(253,86,162)
```
#fd5694
```
#fd5694 rgb(253,86,148)
```
#fd5686
```
#fd5686 rgb(253,86,134)
```
#fd5678
```
#fd5678 rgb(253,86,120)
```
#fd566a
```
#fd566a rgb(253,86,106)
```
#fd565c
```
#fd565c rgb(253,86,92)
```

Similar Colors

Text with hexadecimal color #fd5686

This text has a font color of #fd5686.

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

#fd5686 background color

This paragraph has a background color of #fd5686.

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

#fd5686 border color

This element has a border color of #fd5686.

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

CSS codes

.text {color:#fd5686;}

.background {background-color:#fd5686;}

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

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

#050002
```
#050002 rgb(5,0,2)
```
#190007
```
#190007 rgb(25,0,7)
```
#2c010d
```
#2c010d rgb(44,1,13)
```
#400113
```
#400113 rgb(64,1,19)
```
#530119
```
#530119 rgb(83,1,25)
```
#66011e
```
#66011e rgb(102,1,30)
```
#7a0124
```
#7a0124 rgb(122,1,36)
```
#8d022a
```
#8d022a rgb(141,2,42)
```
#a10230
```
#a10230 rgb(161,2,48)
```
#b40235
```
#b40235 rgb(180,2,53)
```
#c7023b
```
#c7023b rgb(199,2,59)
```
#db0341
```
#db0341 rgb(219,3,65)
```
#ee0346
```
#ee0346 rgb(238,3,70)
```

Shade Color Variation

#fc084e
```
#fc084e rgb(252,8,78)
```
#fc1c5c
```
#fc1c5c rgb(252,28,92)
```
#fd2f6a
```
#fd2f6a rgb(253,47,106)
```
#fd4378
```
#fd4378 rgb(253,67,120)
```
#fd5686
```
#fd5686 rgb(253,86,134)
```
#fd6994
```
#fd6994 rgb(253,105,148)
```
#fd7da2
```
#fd7da2 rgb(253,125,162)
```
#fe90b0
```
#fe90b0 rgb(254,144,176)
```
#fea4be
```
#fea4be rgb(254,164,190)
```
#feb7cb
```
#feb7cb rgb(254,183,203)
```
#fecad9
```
#fecad9 rgb(254,202,217)
```
#ffdee7
```
#ffdee7 rgb(255,222,231)
```
#fff1f5
```
#fff1f5 rgb(255,241,245)
```

Tint Color Variation

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

#aea5a8
```
#aea5a8 rgb(174,165,168)
```
#b59ea5
```
#b59ea5 rgb(181,158,165)
```
#bb98a2
```
#bb98a2 rgb(187,152,162)
```
#c2919f
```
#c2919f rgb(194,145,159)
```
#c88b9c
```
#c88b9c rgb(200,139,156)
```
#cf849a
```
#cf849a rgb(207,132,154)
```
#d67d97
```
#d67d97 rgb(214,125,151)
```
#dc7794
```
#dc7794 rgb(220,119,148)
```
#e37091
```
#e37091 rgb(227,112,145)
```
#e96a8e
```
#e96a8e rgb(233,106,142)
```
#f0638c
```
#f0638c rgb(240,99,140)
```
#f65d89
```
#f65d89 rgb(246,93,137)
```
#fd5686
```
#fd5686 rgb(253,86,134)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a3828c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9697a7 Protanopia 1% of men
#af9381 Deuteranopia 1% of men
#fa656b Tritanopia 0.001% of the population

Trichromacy

#bb7f9b Protanomaly 1% of men, 0.01% of women
#cb7d82 Deuteranomaly 6% of men, 0.4% of women
#fb6075 Tritanomaly 0.01% of the population

#fd5686 hex color

#fd5686 Color Information

#fd5686 Color Conversion

Color Schemes with #fd5686

Alternatives to #fd5686

#fd5686 Preview

Shades and Tints of #fd5686

Tones of #fd5686

Color Blindness Simulator