#fd5f74 hex color

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

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

● #fd5f74 color description : Soft red.

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

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

CIE-LAB	61.94, 61.542, 20.952
XYZ	47.754, 30.333, 19.862
xyY	0.488, 0.31, 30.333
CIE-LCH	61.94, 65.01, 18.801
CIE-LUV	61.94, 114.218, 13.796
Hunter-Lab	55.075, 58.39, 17.17
Binary	11111101, 01011111, 01110100

#fd5f74
```
#fd5f74 rgb(253,95,116)
```
#5ffde8
```
#5ffde8 rgb(95,253,232)
```

Complementary Color

#fd5fc3
```
#fd5fc3 rgb(253,95,195)
```
#fd5f74
```
#fd5f74 rgb(253,95,116)
```
#fd995f
```
#fd995f rgb(253,153,95)
```

Analogous Color

#5fc3fd
```
#5fc3fd rgb(95,195,253)
```
#fd5f74
```
#fd5f74 rgb(253,95,116)
```
#5ffd99
```
#5ffd99 rgb(95,253,153)
```

Split Complementary Color

#5f74fd
```
#5f74fd rgb(95,116,253)
```
#fd5f74
```
#fd5f74 rgb(253,95,116)
```
#74fd5f
```
#74fd5f rgb(116,253,95)
```

Triadic Color

#e85ffd
```
#e85ffd rgb(232,95,253)
```
#fd5f74
```
#fd5f74 rgb(253,95,116)
```
#74fd5f
```
#74fd5f rgb(116,253,95)
```
#5ffde8
```
#5ffde8 rgb(95,253,232)
```

Tetradic Color

#fc1332
```
#fc1332 rgb(252,19,50)
```
#fc2d48
```
#fc2d48 rgb(252,45,72)
```
#fd465e
```
#fd465e rgb(253,70,94)
```
#fd5f74
```
#fd5f74 rgb(253,95,116)
```
#fd788a
```
#fd788a rgb(253,120,138)
```
#fe91a0
```
#fe91a0 rgb(254,145,160)
```
#feabb6
```
#feabb6 rgb(254,171,182)
```

Monochromatic Color

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

#fd5f9c
```
#fd5f9c rgb(253,95,156)
```
#fd5f8e
```
#fd5f8e rgb(253,95,142)
```
#fd5f81
```
#fd5f81 rgb(253,95,129)
```
#fd5f74
```
#fd5f74 rgb(253,95,116)
```
#fd5f67
```
#fd5f67 rgb(253,95,103)
```
#fd645f
```
#fd645f rgb(253,100,95)
```
#fd725f
```
#fd725f rgb(253,114,95)
```

Similar Colors

Text with hexadecimal color #fd5f74

This text has a font color of #fd5f74.

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

#fd5f74 background color

This paragraph has a background color of #fd5f74.

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

#fd5f74 border color

This element has a border color of #fd5f74.

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

CSS codes

.text {color:#fd5f74;}

.background {background-color:#fd5f74;}

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

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)
```
#48010a
```
#48010a rgb(72,1,10)
```
#5c010d
```
#5c010d rgb(92,1,13)
```
#6f0110
```
#6f0110 rgb(111,1,16)
```
#830213
```
#830213 rgb(131,2,19)
```
#960216
```
#960216 rgb(150,2,22)
```
#a90218
```
#a90218 rgb(169,2,24)
```
#bd021b
```
#bd021b rgb(189,2,27)
```
#d0031e
```
#d0031e rgb(208,3,30)
```
#e30321
```
#e30321 rgb(227,3,33)
```
#f70323
```
#f70323 rgb(247,3,35)
```

Shade Color Variation

#fc1231
```
#fc1231 rgb(252,18,49)
```
#fc2542
```
#fc2542 rgb(252,37,66)
```
#fd3852
```
#fd3852 rgb(253,56,82)
```
#fd4c63
```
#fd4c63 rgb(253,76,99)
```
#fd5f74
```
#fd5f74 rgb(253,95,116)
```
#fd7285
```
#fd7285 rgb(253,114,133)
```
#fd8696
```
#fd8696 rgb(253,134,150)
```
#fe99a6
```
#fe99a6 rgb(254,153,166)
```
#feacb7
```
#feacb7 rgb(254,172,183)
```
#fec0c8
```
#fec0c8 rgb(254,192,200)
```
#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 #fd5f74 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)
```
#d8848f
```
#d8848f rgb(216,132,143)
```
#de7e8b
```
#de7e8b rgb(222,126,139)
```
#e47886
```
#e47886 rgb(228,120,134)
```
#ea7282
```
#ea7282 rgb(234,114,130)
```
#f16b7d
```
#f16b7d rgb(241,107,125)
```
#f76579
```
#f76579 rgb(247,101,121)
```
#fd5f74
```
#fd5f74 rgb(253,95,116)
```

Tone Color Variation

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

#a09a91 Protanopia 1% of men
#b79571 Deuteranopia 1% of men
#fc696f Tritanopia 0.001% of the population

Trichromacy

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

#fd5f74 hex color

#fd5f74 Color Information

#fd5f74 Color Conversion

Color Schemes with #fd5f74

Alternatives to #fd5f74

#fd5f74 Preview

Shades and Tints of #fd5f74

Tones of #fd5f74

Color Blindness Simulator