#fd5f75 hex color

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

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

● #fd5f75 color description : Soft red.

The hexadecimal color #fd5f75 has RGB values of R:253, G:95, B:117 and CMYK values of C:0, M:0.62, Y:0.54, K:0.01. Its decimal value is 16605045.

Hex triplet	fd5f75	`#fd5f75`
RGB Decimal	253, 95, 117	`rgb(253,95,117)`
RGB Percent	99.2, 37.3, 45.9	`rgb(99.2%,37.3%,45.9%)`
CMYK	0, 62, 54, 1
HSL	351.6°, 97.5, 68.2	`hsl(351.6,97.5%,68.2%)`
HSV (or HSB)	351.6°, 62.5, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.96, 61.617, 20.403
XYZ	47.813, 30.356, 20.17
xyY	0.486, 0.309, 30.356
CIE-LCH	61.96, 64.908, 18.321
CIE-LUV	61.96, 113.942, 13.176
Hunter-Lab	55.096, 58.483, 16.862
Binary	11111101, 01011111, 01110101

#fd5f75
```
#fd5f75 rgb(253,95,117)
```
#5ffde7
```
#5ffde7 rgb(95,253,231)
```

Complementary Color

#fd5fc4
```
#fd5fc4 rgb(253,95,196)
```
#fd5f75
```
#fd5f75 rgb(253,95,117)
```
#fd985f
```
#fd985f rgb(253,152,95)
```

Analogous Color

#5fc4fd
```
#5fc4fd rgb(95,196,253)
```
#fd5f75
```
#fd5f75 rgb(253,95,117)
```
#5ffd98
```
#5ffd98 rgb(95,253,152)
```

Split Complementary Color

#5f75fd
```
#5f75fd rgb(95,117,253)
```
#fd5f75
```
#fd5f75 rgb(253,95,117)
```
#75fd5f
```
#75fd5f rgb(117,253,95)
```

Triadic Color

#e75ffd
```
#e75ffd rgb(231,95,253)
```
#fd5f75
```
#fd5f75 rgb(253,95,117)
```
#75fd5f
```
#75fd5f rgb(117,253,95)
```
#5ffde7
```
#5ffde7 rgb(95,253,231)
```

Tetradic Color

#fc1334
```
#fc1334 rgb(252,19,52)
```
#fc2d4a
```
#fc2d4a rgb(252,45,74)
```
#fd465f
```
#fd465f rgb(253,70,95)
```
#fd5f75
```
#fd5f75 rgb(253,95,117)
```
#fd788b
```
#fd788b rgb(253,120,139)
```
#fe91a0
```
#fe91a0 rgb(254,145,160)
```
#feabb6
```
#feabb6 rgb(254,171,182)
```

Monochromatic Color

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

#fd5f9d
```
#fd5f9d rgb(253,95,157)
```
#fd5f8f
```
#fd5f8f rgb(253,95,143)
```
#fd5f82
```
#fd5f82 rgb(253,95,130)
```
#fd5f75
```
#fd5f75 rgb(253,95,117)
```
#fd5f68
```
#fd5f68 rgb(253,95,104)
```
#fd635f
```
#fd635f rgb(253,99,95)
```
#fd715f
```
#fd715f rgb(253,113,95)
```

Similar Colors

Text with hexadecimal color #fd5f75

This text has a font color of #fd5f75.

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

#fd5f75 background color

This paragraph has a background color of #fd5f75.

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

#fd5f75 border color

This element has a border color of #fd5f75.

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

CSS codes

.text {color:#fd5f75;}

.background {background-color:#fd5f75;}

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

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)
```
#960216
```
#960216 rgb(150,2,22)
```
#a90219
```
#a90219 rgb(169,2,25)
```
#bd021c
```
#bd021c rgb(189,2,28)
```
#d0031f
```
#d0031f rgb(208,3,31)
```
#e30322
```
#e30322 rgb(227,3,34)
```
#f70325
```
#f70325 rgb(247,3,37)
```

Shade Color Variation

#fc1232
```
#fc1232 rgb(252,18,50)
```
#fc2543
```
#fc2543 rgb(252,37,67)
```
#fd3854
```
#fd3854 rgb(253,56,84)
```
#fd4c64
```
#fd4c64 rgb(253,76,100)
```
#fd5f75
```
#fd5f75 rgb(253,95,117)
```
#fd7286
```
#fd7286 rgb(253,114,134)
```
#fd8696
```
#fd8696 rgb(253,134,150)
```
#fe99a7
```
#fe99a7 rgb(254,153,167)
```
#feacb8
```
#feacb8 rgb(254,172,184)
```
#fec0c9
```
#fec0c9 rgb(254,192,201)
```
#fed3d9
```
#fed3d9 rgb(254,211,217)
```
#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 #fd5f75 is the most saturated one.

#b2aaab
```
#b2aaab rgb(178,170,171)
```
#b8a4a6
```
#b8a4a6 rgb(184,164,166)
```
#bf9da2
```
#bf9da2 rgb(191,157,162)
```
#c5979d
```
#c5979d rgb(197,151,157)
```
#cb9199
```
#cb9199 rgb(203,145,153)
```
#d18b94
```
#d18b94 rgb(209,139,148)
```
#d88490
```
#d88490 rgb(216,132,144)
```
#de7e8b
```
#de7e8b rgb(222,126,139)
```
#e47887
```
#e47887 rgb(228,120,135)
```
#ea7282
```
#ea7282 rgb(234,114,130)
```
#f16b7e
```
#f16b7e rgb(241,107,126)
```
#f76579
```
#f76579 rgb(247,101,121)
```
#fd5f75
```
#fd5f75 rgb(253,95,117)
```

Tone Color Variation

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

Dichromacy

#9f9a92 Protanopia 1% of men
#b69572 Deuteranopia 1% of men
#fc696f Tritanopia 0.001% of the population

Trichromacy

#c18487 Protanomaly 1% of men, 0.01% of women
#d08173 Deuteranomaly 6% of men, 0.4% of women
#fc6571 Tritanomaly 0.01% of the population

#fd5f75 hex color

#fd5f75 Color Information

#fd5f75 Color Conversion

Color Schemes with #fd5f75

Alternatives to #fd5f75

#fd5f75 Preview

Shades and Tints of #fd5f75

Tones of #fd5f75

Color Blindness Simulator