#fd5157 hex color

In a RGB color space, hex #fd5157 is composed of 99.2% red, 31.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68% magenta, 65.6% yellow and 0.8% black. It has a hue angle of 357.9 degrees, a saturation of 97.7% and a lightness of 65.5%. #fd5157 color hex could be obtained by blending #ffa2ae with #fb0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 99
- G 32
- B 34
RGB color chart
- C 0
- M 68
- Y 66
- K 1
CMYK color chart

● #fd5157 color description : Soft red.

The hexadecimal color #fd5157 has RGB values of R:253, G:81, B:87 and CMYK values of C:0, M:0.68, Y:0.66, K:0.01. Its decimal value is 16601431.

Hex triplet	fd5157	`#fd5157`
RGB Decimal	253, 81, 87	`rgb(253,81,87)`
RGB Percent	99.2, 31.8, 34.1	`rgb(99.2%,31.8%,34.1%)`
CMYK	0, 68, 66, 1
HSL	357.9°, 97.7, 65.5	`hsl(357.9,97.7%,65.5%)`
HSV (or HSB)	357.9°, 68, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.398, 65.203, 34.273
XYZ	45.173, 27.461, 11.938
xyY	0.534, 0.325, 27.461
CIE-LCH	59.398, 73.662, 27.728
CIE-LUV	59.398, 130.304, 25.543
Hunter-Lab	52.403, 62.166, 23.175
Binary	11111101, 01010001, 01010111

#fd5157
```
#fd5157 rgb(253,81,87)
```
#51fdf7
```
#51fdf7 rgb(81,253,247)
```

Complementary Color

#fd51ad
```
#fd51ad rgb(253,81,173)
```
#fd5157
```
#fd5157 rgb(253,81,87)
```
#fda151
```
#fda151 rgb(253,161,81)
```

Analogous Color

#51adfd
```
#51adfd rgb(81,173,253)
```
#fd5157
```
#fd5157 rgb(253,81,87)
```
#51fda1
```
#51fda1 rgb(81,253,161)
```

Split Complementary Color

#5157fd
```
#5157fd rgb(81,87,253)
```
#fd5157
```
#fd5157 rgb(253,81,87)
```
#57fd51
```
#57fd51 rgb(87,253,81)
```

Triadic Color

#f751fd
```
#f751fd rgb(247,81,253)
```
#fd5157
```
#fd5157 rgb(253,81,87)
```
#57fd51
```
#57fd51 rgb(87,253,81)
```
#51fdf7
```
#51fdf7 rgb(81,253,247)
```

Tetradic Color

#fc050e
```
#fc050e rgb(252,5,14)
```
#fc1f26
```
#fc1f26 rgb(252,31,38)
```
#fd383f
```
#fd383f rgb(253,56,63)
```
#fd5157
```
#fd5157 rgb(253,81,87)
```
#fd6a6f
```
#fd6a6f rgb(253,106,111)
```
#fe8388
```
#fe8388 rgb(254,131,136)
```
#fe9da0
```
#fe9da0 rgb(254,157,160)
```

Monochromatic Color

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

#fd5182
```
#fd5182 rgb(253,81,130)
```
#fd5174
```
#fd5174 rgb(253,81,116)
```
#fd5165
```
#fd5165 rgb(253,81,101)
```
#fd5157
```
#fd5157 rgb(253,81,87)
```
#fd5951
```
#fd5951 rgb(253,89,81)
```
#fd6851
```
#fd6851 rgb(253,104,81)
```
#fd7651
```
#fd7651 rgb(253,118,81)
```

Similar Colors

Text with hexadecimal color #fd5157

This text has a font color of #fd5157.

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

#fd5157 background color

This paragraph has a background color of #fd5157.

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

#fd5157 border color

This element has a border color of #fd5157.

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

CSS codes

.text {color:#fd5157;}

.background {background-color:#fd5157;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140001
```
#140001 rgb(20,0,1)
```
#270002
```
#270002 rgb(39,0,2)
```
#3b0103
```
#3b0103 rgb(59,1,3)
```
#4e0104
```
#4e0104 rgb(78,1,4)
```
#610104
```
#610104 rgb(97,1,4)
```
#750105
```
#750105 rgb(117,1,5)
```
#880206
```
#880206 rgb(136,2,6)
```
#9c0207
```
#9c0207 rgb(156,2,7)
```
#af0208
```
#af0208 rgb(175,2,8)
```
#c20209
```
#c20209 rgb(194,2,9)
```
#d6020a
```
#d6020a rgb(214,2,10)
```
#e9030b
```
#e9030b rgb(233,3,11)
```

Shade Color Variation

#fc030c
```
#fc030c rgb(252,3,12)
```
#fc171f
```
#fc171f rgb(252,23,31)
```
#fd2a32
```
#fd2a32 rgb(253,42,50)
```
#fd3e44
```
#fd3e44 rgb(253,62,68)
```
#fd5157
```
#fd5157 rgb(253,81,87)
```
#fd646a
```
#fd646a rgb(253,100,106)
```
#fd787c
```
#fd787c rgb(253,120,124)
```
#fe8b8f
```
#fe8b8f rgb(254,139,143)
```
#fe9fa2
```
#fe9fa2 rgb(254,159,162)
```
#feb2b5
```
#feb2b5 rgb(254,178,181)
```
#fec5c7
```
#fec5c7 rgb(254,197,199)
```
#ffd9da
```
#ffd9da rgb(255,217,218)
```
#ffeced
```
#ffeced rgb(255,236,237)
```

Tint Color Variation

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

#aca2a3
```
#aca2a3 rgb(172,162,163)
```
#b39b9c
```
#b39b9c rgb(179,155,156)
```
#b99596
```
#b99596 rgb(185,149,150)
```
#c08e90
```
#c08e90 rgb(192,142,144)
```
#c78789
```
#c78789 rgb(199,135,137)
```
#ce8083
```
#ce8083 rgb(206,128,131)
```
#d47a7d
```
#d47a7d rgb(212,122,125)
```
#db7376
```
#db7376 rgb(219,115,118)
```
#e26c70
```
#e26c70 rgb(226,108,112)
```
#e9656a
```
#e9656a rgb(233,101,106)
```
#ef5f64
```
#ef5f64 rgb(239,95,100)
```
#f6585d
```
#f6585d rgb(246,88,93)
```
#fd5157
```
#fd5157 rgb(253,81,87)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9d7b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9474 Protanopia 1% of men
#b48e54 Deuteranopia 1% of men
#fd5a5e Tritanopia 0.001% of the population

Trichromacy

#c07c69 Protanomaly 1% of men, 0.01% of women
#ce7855 Deuteranomaly 6% of men, 0.4% of women
#fd565b Tritanomaly 0.01% of the population

#fd5157 hex color

#fd5157 Color Information

#fd5157 Color Conversion

Color Schemes with #fd5157

Alternatives to #fd5157

#fd5157 Preview

Shades and Tints of #fd5157

Tones of #fd5157

Color Blindness Simulator