#fd5f55 hex color

In a RGB color space, hex #fd5f55 is composed of 99.2% red, 37.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.5% magenta, 66.4% yellow and 0.8% black. It has a hue angle of 3.6 degrees, a saturation of 97.7% and a lightness of 66.3%. #fd5f55 color hex could be obtained by blending #ffbeaa with #fb0000. Closest websafe color is: #ff6666.

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

● #fd5f55 color description : Soft red.

The hexadecimal color #fd5f55 has RGB values of R:253, G:95, B:85 and CMYK values of C:0, M:0.62, Y:0.66, K:0.01. Its decimal value is 16605013.

Hex triplet	fd5f55	`#fd5f55`
RGB Decimal	253, 95, 85	`rgb(253,95,85)`
RGB Percent	99.2, 37.3, 33.3	`rgb(99.2%,37.3%,33.3%)`
CMYK	0, 62, 66, 1
HSL	3.6°, 97.7, 66.3	`hsl(3.6,97.7%,66.3%)`
HSV (or HSB)	3.6°, 66.4, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.419, 59.549, 37.866
XYZ	46.242, 29.728, 11.897
xyY	0.526, 0.338, 29.728
CIE-LCH	61.419, 70.568, 32.452
CIE-LUV	61.419, 121.823, 30.766
Hunter-Lab	54.523, 55.972, 25.229
Binary	11111101, 01011111, 01010101

#fd5f55
```
#fd5f55 rgb(253,95,85)
```
#55f3fd
```
#55f3fd rgb(85,243,253)
```

Complementary Color

#fd559f
```
#fd559f rgb(253,85,159)
```
#fd5f55
```
#fd5f55 rgb(253,95,85)
```
#fdb355
```
#fdb355 rgb(253,179,85)
```

Analogous Color

#559ffd
```
#559ffd rgb(85,159,253)
```
#fd5f55
```
#fd5f55 rgb(253,95,85)
```
#55fdb3
```
#55fdb3 rgb(85,253,179)
```

Split Complementary Color

#5f55fd
```
#5f55fd rgb(95,85,253)
```
#fd5f55
```
#fd5f55 rgb(253,95,85)
```
#55fd5f
```
#55fd5f rgb(85,253,95)
```

Triadic Color

#fd55f3
```
#fd55f3 rgb(253,85,243)
```
#fd5f55
```
#fd5f55 rgb(253,95,85)
```
#55fd5f
```
#55fd5f rgb(85,253,95)
```
#55f3fd
```
#55f3fd rgb(85,243,253)
```

Tetradic Color

#fc1809
```
#fc1809 rgb(252,24,9)
```
#fc3023
```
#fc3023 rgb(252,48,35)
```
#fd473c
```
#fd473c rgb(253,71,60)
```
#fd5f55
```
#fd5f55 rgb(253,95,85)
```
#fd776e
```
#fd776e rgb(253,119,110)
```
#fe8e87
```
#fe8e87 rgb(254,142,135)
```
#fea6a1
```
#fea6a1 rgb(254,166,161)
```

Monochromatic Color

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

#fd5575
```
#fd5575 rgb(253,85,117)
```
#fd5567
```
#fd5567 rgb(253,85,103)
```
#fd5559
```
#fd5559 rgb(253,85,89)
```
#fd5f55
```
#fd5f55 rgb(253,95,85)
```
#fd6d55
```
#fd6d55 rgb(253,109,85)
```
#fd7b55
```
#fd7b55 rgb(253,123,85)
```
#fd8955
```
#fd8955 rgb(253,137,85)
```

Similar Colors

Text with hexadecimal color #fd5f55

This text has a font color of #fd5f55.

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

#fd5f55 background color

This paragraph has a background color of #fd5f55.

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

#fd5f55 border color

This element has a border color of #fd5f55.

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

CSS codes

.text {color:#fd5f55;}

.background {background-color:#fd5f55;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#180200
```
#180200 rgb(24,2,0)
```
#2b0301
```
#2b0301 rgb(43,3,1)
```
#3f0401
```
#3f0401 rgb(63,4,1)
```
#520601
```
#520601 rgb(82,6,1)
```
#650701
```
#650701 rgb(101,7,1)
```
#790901
```
#790901 rgb(121,9,1)
```
#8c0a02
```
#8c0a02 rgb(140,10,2)
```
#a00b02
```
#a00b02 rgb(160,11,2)
```
#b30d02
```
#b30d02 rgb(179,13,2)
```
#c60e02
```
#c60e02 rgb(198,14,2)
```
#da0f03
```
#da0f03 rgb(218,15,3)
```
#ed1103
```
#ed1103 rgb(237,17,3)
```

Shade Color Variation

#fc1607
```
#fc1607 rgb(252,22,7)
```
#fc281b
```
#fc281b rgb(252,40,27)
```
#fd3b2e
```
#fd3b2e rgb(253,59,46)
```
#fd4d42
```
#fd4d42 rgb(253,77,66)
```
#fd5f55
```
#fd5f55 rgb(253,95,85)
```
#fd7168
```
#fd7168 rgb(253,113,104)
```
#fd837c
```
#fd837c rgb(253,131,124)
```
#fe968f
```
#fe968f rgb(254,150,143)
```
#fea8a3
```
#fea8a3 rgb(254,168,163)
```
#febab6
```
#febab6 rgb(254,186,182)
```
#feccc9
```
#feccc9 rgb(254,204,201)
```
#ffdfdd
```
#ffdfdd rgb(255,223,221)
```
#fff1f0
```
#fff1f0 rgb(255,241,240)
```

Tint Color Variation

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

#aea5a4
```
#aea5a4 rgb(174,165,164)
```
#b49f9e
```
#b49f9e rgb(180,159,158)
```
#bb9997
```
#bb9997 rgb(187,153,151)
```
#c19391
```
#c19391 rgb(193,147,145)
```
#c88e8a
```
#c88e8a rgb(200,142,138)
```
#cf8883
```
#cf8883 rgb(207,136,131)
```
#d5827d
```
#d5827d rgb(213,130,125)
```
#dc7c76
```
#dc7c76 rgb(220,124,118)
```
#e3766f
```
#e3766f rgb(227,118,111)
```
#e97069
```
#e97069 rgb(233,112,105)
```
#f06b62
```
#f06b62 rgb(240,107,98)
```
#f6655c
```
#f6655c rgb(246,101,92)
```
#fd5f55
```
#fd5f55 rgb(253,95,85)
```

Tone Color Variation

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

Dichromacy

#a5996f Protanopia 1% of men
#bb9353 Deuteranopia 1% of men
#fd656a Tritanopia 0.001% of the population

Trichromacy

#c58465 Protanomaly 1% of men, 0.01% of women
#d38054 Deuteranomaly 6% of men, 0.4% of women
#fd6362 Tritanomaly 0.01% of the population

#fd5f55 hex color

#fd5f55 Color Information

#fd5f55 Color Conversion

Color Schemes with #fd5f55

Alternatives to #fd5f55

#fd5f55 Preview

Shades and Tints of #fd5f55

Tones of #fd5f55

Color Blindness Simulator