#fd5f66 hex color

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

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

● #fd5f66 color description : Soft red.

The hexadecimal color #fd5f66 has RGB values of R:253, G:95, B:102 and CMYK values of C:0, M:0.62, Y:0.6, K:0.01. Its decimal value is 16605030.

Hex triplet	fd5f66	`#fd5f66`
RGB Decimal	253, 95, 102	`rgb(253,95,102)`
RGB Percent	99.2, 37.3, 40	`rgb(99.2%,37.3%,40%)`
CMYK	0, 62, 60, 1
HSL	357.3°, 97.5, 68.2	`hsl(357.3,97.5%,68.2%)`
HSV (or HSB)	357.3°, 62.5, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.681, 60.556, 28.633
XYZ	47, 30.031, 15.891
xyY	0.506, 0.323, 30.031
CIE-LCH	61.681, 66.984, 25.306
CIE-LUV	61.681, 117.893, 22.021
Hunter-Lab	54.801, 57.19, 21.167
Binary	11111101, 01011111, 01100110

#fd5f66
```
#fd5f66 rgb(253,95,102)
```
#5ffdf6
```
#5ffdf6 rgb(95,253,246)
```

Complementary Color

#fd5fb5
```
#fd5fb5 rgb(253,95,181)
```
#fd5f66
```
#fd5f66 rgb(253,95,102)
```
#fda75f
```
#fda75f rgb(253,167,95)
```

Analogous Color

#5fb5fd
```
#5fb5fd rgb(95,181,253)
```
#fd5f66
```
#fd5f66 rgb(253,95,102)
```
#5ffda7
```
#5ffda7 rgb(95,253,167)
```

Split Complementary Color

#5f66fd
```
#5f66fd rgb(95,102,253)
```
#fd5f66
```
#fd5f66 rgb(253,95,102)
```
#66fd5f
```
#66fd5f rgb(102,253,95)
```

Triadic Color

#f65ffd
```
#f65ffd rgb(246,95,253)
```
#fd5f66
```
#fd5f66 rgb(253,95,102)
```
#66fd5f
```
#66fd5f rgb(102,253,95)
```
#5ffdf6
```
#5ffdf6 rgb(95,253,246)
```

Tetradic Color

#fc131e
```
#fc131e rgb(252,19,30)
```
#fc2d36
```
#fc2d36 rgb(252,45,54)
```
#fd464e
```
#fd464e rgb(253,70,78)
```
#fd5f66
```
#fd5f66 rgb(253,95,102)
```
#fd787e
```
#fd787e rgb(253,120,126)
```
#fe9196
```
#fe9196 rgb(254,145,150)
```
#feabae
```
#feabae rgb(254,171,174)
```

Monochromatic Color

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

#fd5f8e
```
#fd5f8e rgb(253,95,142)
```
#fd5f80
```
#fd5f80 rgb(253,95,128)
```
#fd5f73
```
#fd5f73 rgb(253,95,115)
```
#fd5f66
```
#fd5f66 rgb(253,95,102)
```
#fd655f
```
#fd655f rgb(253,101,95)
```
#fd725f
```
#fd725f rgb(253,114,95)
```
#fd805f
```
#fd805f rgb(253,128,95)
```

Similar Colors

Text with hexadecimal color #fd5f66

This text has a font color of #fd5f66.

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

#fd5f66 background color

This paragraph has a background color of #fd5f66.

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

#fd5f66 border color

This element has a border color of #fd5f66.

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

CSS codes

.text {color:#fd5f66;}

.background {background-color:#fd5f66;}

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

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

#0e0001
```
#0e0001 rgb(14,0,1)
```
#220002
```
#220002 rgb(34,0,2)
```
#350103
```
#350103 rgb(53,1,3)
```
#480104
```
#480104 rgb(72,1,4)
```
#5c0105
```
#5c0105 rgb(92,1,5)
```
#6f0106
```
#6f0106 rgb(111,1,6)
```
#830207
```
#830207 rgb(131,2,7)
```
#960208
```
#960208 rgb(150,2,8)
```
#a9020a
```
#a9020a rgb(169,2,10)
```
#bd020b
```
#bd020b rgb(189,2,11)
```
#d0030c
```
#d0030c rgb(208,3,12)
```
#e3030d
```
#e3030d rgb(227,3,13)
```
#f7030e
```
#f7030e rgb(247,3,14)
```

Shade Color Variation

#fc121c
```
#fc121c rgb(252,18,28)
```
#fc252e
```
#fc252e rgb(252,37,46)
```
#fd3841
```
#fd3841 rgb(253,56,65)
```
#fd4c53
```
#fd4c53 rgb(253,76,83)
```
#fd5f66
```
#fd5f66 rgb(253,95,102)
```
#fd7279
```
#fd7279 rgb(253,114,121)
```
#fd868b
```
#fd868b rgb(253,134,139)
```
#fe999e
```
#fe999e rgb(254,153,158)
```
#feacb0
```
#feacb0 rgb(254,172,176)
```
#fec0c3
```
#fec0c3 rgb(254,192,195)
```
#fed3d5
```
#fed3d5 rgb(254,211,213)
```
#ffe7e8
```
#ffe7e8 rgb(255,231,232)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#b2aaaa
```
#b2aaaa rgb(178,170,170)
```
#b8a4a4
```
#b8a4a4 rgb(184,164,164)
```
#bf9d9f
```
#bf9d9f rgb(191,157,159)
```
#c59799
```
#c59799 rgb(197,151,153)
```
#cb9193
```
#cb9193 rgb(203,145,147)
```
#d18b8e
```
#d18b8e rgb(209,139,142)
```
#d88488
```
#d88488 rgb(216,132,136)
```
#de7e82
```
#de7e82 rgb(222,126,130)
```
#e4787d
```
#e4787d rgb(228,120,125)
```
#ea7277
```
#ea7277 rgb(234,114,119)
```
#f16b71
```
#f16b71 rgb(241,107,113)
```
#f7656c
```
#f7656c rgb(247,101,108)
```
#fd5f66
```
#fd5f66 rgb(253,95,102)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a58587 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29a81 Protanopia 1% of men
#b99464 Deuteranopia 1% of men
#fd676d Tritanopia 0.001% of the population

Trichromacy

#c38477 Protanomaly 1% of men, 0.01% of women
#d18064 Deuteranomaly 6% of men, 0.4% of women
#fd646a Tritanomaly 0.01% of the population

#fd5f66 hex color

#fd5f66 Color Information

#fd5f66 Color Conversion

Color Schemes with #fd5f66

Alternatives to #fd5f66

#fd5f66 Preview

Shades and Tints of #fd5f66

Tones of #fd5f66

Color Blindness Simulator