#fd5d58 hex color

In a RGB color space, hex #fd5d58 is composed of 99.2% red, 36.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.2% magenta, 65.2% yellow and 0.8% black. It has a hue angle of 1.8 degrees, a saturation of 97.6% and a lightness of 66.9%. #fd5d58 color hex could be obtained by blending #ffbab0 with #fb0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 99
- G 36
- B 35
RGB color chart
- C 0
- M 63
- Y 65
- K 1
CMYK color chart

● #fd5d58 color description : Soft red.

The hexadecimal color #fd5d58 has RGB values of R:253, G:93, B:88 and CMYK values of C:0, M:0.63, Y:0.65, K:0.01. Its decimal value is 16604504.

Hex triplet	fd5d58	`#fd5d58`
RGB Decimal	253, 93, 88	`rgb(253,93,88)`
RGB Percent	99.2, 36.5, 34.5	`rgb(99.2%,36.5%,34.5%)`
CMYK	0, 63, 65, 1
HSL	1.8°, 97.6, 66.9	`hsl(1.8,97.6%,66.9%)`
HSV (or HSB)	1.8°, 65.2, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.151, 60.542, 35.871
XYZ	46.186, 29.421, 12.479
xyY	0.524, 0.334, 29.421
CIE-LCH	61.151, 70.371, 30.647
CIE-LUV	61.151, 122.5, 28.685
Hunter-Lab	54.241, 57.069, 24.328
Binary	11111101, 01011101, 01011000

#fd5d58
```
#fd5d58 rgb(253,93,88)
```
#58f8fd
```
#58f8fd rgb(88,248,253)
```

Complementary Color

#fd58a6
```
#fd58a6 rgb(253,88,166)
```
#fd5d58
```
#fd5d58 rgb(253,93,88)
```
#fdb058
```
#fdb058 rgb(253,176,88)
```

Analogous Color

#58a6fd
```
#58a6fd rgb(88,166,253)
```
#fd5d58
```
#fd5d58 rgb(253,93,88)
```
#58fdb0
```
#58fdb0 rgb(88,253,176)
```

Split Complementary Color

#5d58fd
```
#5d58fd rgb(93,88,253)
```
#fd5d58
```
#fd5d58 rgb(253,93,88)
```
#58fd5d
```
#58fd5d rgb(88,253,93)
```

Triadic Color

#fd58f8
```
#fd58f8 rgb(253,88,248)
```
#fd5d58
```
#fd5d58 rgb(253,93,88)
```
#58fd5d
```
#58fd5d rgb(88,253,93)
```
#58f8fd
```
#58f8fd rgb(88,248,253)
```

Tetradic Color

#fc140c
```
#fc140c rgb(252,20,12)
```
#fc2c26
```
#fc2c26 rgb(252,44,38)
```
#fd453f
```
#fd453f rgb(253,69,63)
```
#fd5d58
```
#fd5d58 rgb(253,93,88)
```
#fd7571
```
#fd7571 rgb(253,117,113)
```
#fe8e8a
```
#fe8e8a rgb(254,142,138)
```
#fea6a4
```
#fea6a4 rgb(254,166,164)
```

Monochromatic Color

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

#fd587c
```
#fd587c rgb(253,88,124)
```
#fd586f
```
#fd586f rgb(253,88,111)
```
#fd5861
```
#fd5861 rgb(253,88,97)
```
#fd5d58
```
#fd5d58 rgb(253,93,88)
```
#fd6b58
```
#fd6b58 rgb(253,107,88)
```
#fd7958
```
#fd7958 rgb(253,121,88)
```
#fd8658
```
#fd8658 rgb(253,134,88)
```

Similar Colors

Text with hexadecimal color #fd5d58

This text has a font color of #fd5d58.

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

#fd5d58 background color

This paragraph has a background color of #fd5d58.

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

#fd5d58 border color

This element has a border color of #fd5d58.

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

CSS codes

.text {color:#fd5d58;}

.background {background-color:#fd5d58;}

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

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

#070000
```
#070000 rgb(7,0,0)
```
#1b0100
```
#1b0100 rgb(27,1,0)
```
#2e0201
```
#2e0201 rgb(46,2,1)
```
#420301
```
#420301 rgb(66,3,1)
```
#550401
```
#550401 rgb(85,4,1)
```
#680401
```
#680401 rgb(104,4,1)
```
#7c0501
```
#7c0501 rgb(124,5,1)
```
#8f0602
```
#8f0602 rgb(143,6,2)
```
#a30702
```
#a30702 rgb(163,7,2)
```
#b60802
```
#b60802 rgb(182,8,2)
```
#c90802
```
#c90802 rgb(201,8,2)
```
#dd0903
```
#dd0903 rgb(221,9,3)
```
#f00a03
```
#f00a03 rgb(240,10,3)
```

Shade Color Variation

#fc120a
```
#fc120a rgb(252,18,10)
```
#fc251e
```
#fc251e rgb(252,37,30)
```
#fd3731
```
#fd3731 rgb(253,55,49)
```
#fd4a45
```
#fd4a45 rgb(253,74,69)
```
#fd5d58
```
#fd5d58 rgb(253,93,88)
```
#fd706b
```
#fd706b rgb(253,112,107)
```
#fd837f
```
#fd837f rgb(253,131,127)
```
#fe9592
```
#fe9592 rgb(254,149,146)
```
#fea8a6
```
#fea8a6 rgb(254,168,166)
```
#febbb9
```
#febbb9 rgb(254,187,185)
```
#fececc
```
#fececc rgb(254,206,204)
```
#ffe1e0
```
#ffe1e0 rgb(255,225,224)
```
#fff3f3
```
#fff3f3 rgb(255,243,243)
```

Tint Color Variation

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

#afa6a6
```
#afa6a6 rgb(175,166,166)
```
#b6a0a0
```
#b6a0a0 rgb(182,160,160)
```
#bc9a99
```
#bc9a99 rgb(188,154,153)
```
#c39493
```
#c39493 rgb(195,148,147)
```
#c98e8c
```
#c98e8c rgb(201,142,140)
```
#d08886
```
#d08886 rgb(208,136,134)
```
#d6827f
```
#d6827f rgb(214,130,127)
```
#dd7c79
```
#dd7c79 rgb(221,124,121)
```
#e37572
```
#e37572 rgb(227,117,114)
```
#ea6f6c
```
#ea6f6c rgb(234,111,108)
```
#f06965
```
#f06965 rgb(240,105,101)
```
#f7635f
```
#f7635f rgb(247,99,95)
```
#fd5d58
```
#fd5d58 rgb(253,93,88)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a38382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49873 Protanopia 1% of men
#b99256 Deuteranopia 1% of men
#fd6469 Tritanopia 0.001% of the population

Trichromacy

#c48369 Protanomaly 1% of men, 0.01% of women
#d27f56 Deuteranomaly 6% of men, 0.4% of women
#fd6163 Tritanomaly 0.01% of the population

#fd5d58 hex color

#fd5d58 Color Information

#fd5d58 Color Conversion

Color Schemes with #fd5d58

Alternatives to #fd5d58

#fd5d58 Preview

Shades and Tints of #fd5d58

Tones of #fd5d58

Color Blindness Simulator