#fd5f53 hex color

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

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

● #fd5f53 color description : Soft red.

The hexadecimal color #fd5f53 has RGB values of R:253, G:95, B:83 and CMYK values of C:0, M:0.62, Y:0.67, K:0.01. Its decimal value is 16605011.

Hex triplet	fd5f53	`#fd5f53`
RGB Decimal	253, 95, 83	`rgb(253,95,83)`
RGB Percent	99.2, 37.3, 32.5	`rgb(99.2%,37.3%,32.5%)`
CMYK	0, 62, 67, 1
HSL	4.2°, 97.7, 65.9	`hsl(4.2,97.7%,65.9%)`
HSV (or HSB)	4.2°, 67.2, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.391, 59.444, 38.938
XYZ	46.163, 29.696, 11.484
xyY	0.529, 0.34, 29.696
CIE-LCH	61.391, 71.061, 33.226
CIE-LUV	61.391, 122.243, 31.698
Hunter-Lab	54.494, 55.846, 25.651
Binary	11111101, 01011111, 01010011

#fd5f53
```
#fd5f53 rgb(253,95,83)
```
#53f1fd
```
#53f1fd rgb(83,241,253)
```

Complementary Color

#fd539c
```
#fd539c rgb(253,83,156)
```
#fd5f53
```
#fd5f53 rgb(253,95,83)
```
#fdb453
```
#fdb453 rgb(253,180,83)
```

Analogous Color

#539cfd
```
#539cfd rgb(83,156,253)
```
#fd5f53
```
#fd5f53 rgb(253,95,83)
```
#53fdb4
```
#53fdb4 rgb(83,253,180)
```

Split Complementary Color

#5f53fd
```
#5f53fd rgb(95,83,253)
```
#fd5f53
```
#fd5f53 rgb(253,95,83)
```
#53fd5f
```
#53fd5f rgb(83,253,95)
```

Triadic Color

#fd53f1
```
#fd53f1 rgb(253,83,241)
```
#fd5f53
```
#fd5f53 rgb(253,95,83)
```
#53fd5f
```
#53fd5f rgb(83,253,95)
```
#53f1fd
```
#53f1fd rgb(83,241,253)
```

Tetradic Color

#fc1907
```
#fc1907 rgb(252,25,7)
```
#fc3021
```
#fc3021 rgb(252,48,33)
```
#fd483a
```
#fd483a rgb(253,72,58)
```
#fd5f53
```
#fd5f53 rgb(253,95,83)
```
#fd766c
```
#fd766c rgb(253,118,108)
```
#fe8e85
```
#fe8e85 rgb(254,142,133)
```
#fea59f
```
#fea59f rgb(254,165,159)
```

Monochromatic Color

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

#fd5372
```
#fd5372 rgb(253,83,114)
```
#fd5363
```
#fd5363 rgb(253,83,99)
```
#fd5355
```
#fd5355 rgb(253,83,85)
```
#fd5f53
```
#fd5f53 rgb(253,95,83)
```
#fd6d53
```
#fd6d53 rgb(253,109,83)
```
#fd7b53
```
#fd7b53 rgb(253,123,83)
```
#fd8a53
```
#fd8a53 rgb(253,138,83)
```

Similar Colors

Text with hexadecimal color #fd5f53

This text has a font color of #fd5f53.

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

#fd5f53 background color

This paragraph has a background color of #fd5f53.

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

#fd5f53 border color

This element has a border color of #fd5f53.

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

CSS codes

.text {color:#fd5f53;}

.background {background-color:#fd5f53;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#160200
```
#160200 rgb(22,2,0)
```
#290300
```
#290300 rgb(41,3,0)
```
#3d0501
```
#3d0501 rgb(61,5,1)
```
#500701
```
#500701 rgb(80,7,1)
```
#630801
```
#630801 rgb(99,8,1)
```
#770a01
```
#770a01 rgb(119,10,1)
```
#8a0b02
```
#8a0b02 rgb(138,11,2)
```
#9e0d02
```
#9e0d02 rgb(158,13,2)
```
#b10e02
```
#b10e02 rgb(177,14,2)
```
#c41002
```
#c41002 rgb(196,16,2)
```
#d81203
```
#d81203 rgb(216,18,3)
```
#eb1303
```
#eb1303 rgb(235,19,3)
```

Shade Color Variation

#fc1705
```
#fc1705 rgb(252,23,5)
```
#fc2919
```
#fc2919 rgb(252,41,25)
```
#fd3b2c
```
#fd3b2c rgb(253,59,44)
```
#fd4d40
```
#fd4d40 rgb(253,77,64)
```
#fd5f53
```
#fd5f53 rgb(253,95,83)
```
#fd7166
```
#fd7166 rgb(253,113,102)
```
#fd837a
```
#fd837a rgb(253,131,122)
```
#fe958d
```
#fe958d rgb(254,149,141)
```
#fea7a1
```
#fea7a1 rgb(254,167,161)
```
#feb9b4
```
#feb9b4 rgb(254,185,180)
```
#fecbc7
```
#fecbc7 rgb(254,203,199)
```
#ffdddb
```
#ffdddb rgb(255,221,219)
```
#ffefee
```
#ffefee rgb(255,239,238)
```

Tint Color Variation

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

#ada4a3
```
#ada4a3 rgb(173,164,163)
```
#b39e9d
```
#b39e9d rgb(179,158,157)
```
#ba9896
```
#ba9896 rgb(186,152,150)
```
#c1938f
```
#c1938f rgb(193,147,143)
```
#c78d89
```
#c78d89 rgb(199,141,137)
```
#ce8782
```
#ce8782 rgb(206,135,130)
```
#d5817b
```
#d5817b rgb(213,129,123)
```
#dc7c74
```
#dc7c74 rgb(220,124,116)
```
#e2766e
```
#e2766e rgb(226,118,110)
```
#e97067
```
#e97067 rgb(233,112,103)
```
#f06a60
```
#f06a60 rgb(240,106,96)
```
#f6655a
```
#f6655a rgb(246,101,90)
```
#fd5f53
```
#fd5f53 rgb(253,95,83)
```

Tone Color Variation

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

Dichromacy

#a5996d Protanopia 1% of men
#bb9251 Deuteranopia 1% of men
#fd656a Tritanopia 0.001% of the population

Trichromacy

#c58463 Protanomaly 1% of men, 0.01% of women
#d38052 Deuteranomaly 6% of men, 0.4% of women
#fd6262 Tritanomaly 0.01% of the population

#fd5f53 hex color

#fd5f53 Color Information

#fd5f53 Color Conversion

Color Schemes with #fd5f53

Alternatives to #fd5f53

#fd5f53 Preview

Shades and Tints of #fd5f53

Tones of #fd5f53

Color Blindness Simulator