#fd2b57 hex color

In a RGB color space, hex #fd2b57 is composed of 99.2% red, 16.9% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83% magenta, 65.6% yellow and 0.8% black. It has a hue angle of 347.4 degrees, a saturation of 98.1% and a lightness of 58%. #fd2b57 color hex could be obtained by blending #ff56ae with #fb0000. Closest websafe color is: #ff3366.

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

● #fd2b57 color description : Bright red.

The hexadecimal color #fd2b57 has RGB values of R:253, G:43, B:87 and CMYK values of C:0, M:0.83, Y:0.66, K:0.01. Its decimal value is 16591703.

Hex triplet	fd2b57	`#fd2b57`
RGB Decimal	253, 43, 87	`rgb(253,43,87)`
RGB Percent	99.2, 16.9, 34.1	`rgb(99.2%,16.9%,34.1%)`
CMYK	0, 83, 66, 1
HSL	347.4°, 98.1, 58	`hsl(347.4,98.1%,58%)`
HSV (or HSB)	347.4°, 83, 99.2
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.384, 76.428, 29.24
XYZ	43.094, 23.304, 11.245
xyY	0.555, 0.3, 23.304
CIE-LCH	55.384, 81.83, 20.936
CIE-LUV	55.384, 148.63, 16.956
Hunter-Lab	48.274, 74.867, 19.98
Binary	11111101, 00101011, 01010111

#fd2b57
```
#fd2b57 rgb(253,43,87)
```
#2bfdd1
```
#2bfdd1 rgb(43,253,209)
```

Complementary Color

#fd2bc0
```
#fd2bc0 rgb(253,43,192)
```
#fd2b57
```
#fd2b57 rgb(253,43,87)
```
#fd682b
```
#fd682b rgb(253,104,43)
```

Analogous Color

#2bc0fd
```
#2bc0fd rgb(43,192,253)
```
#fd2b57
```
#fd2b57 rgb(253,43,87)
```
#2bfd68
```
#2bfd68 rgb(43,253,104)
```

Split Complementary Color

#2b57fd
```
#2b57fd rgb(43,87,253)
```
#fd2b57
```
#fd2b57 rgb(253,43,87)
```
#57fd2b
```
#57fd2b rgb(87,253,43)
```

Triadic Color

#d12bfd
```
#d12bfd rgb(209,43,253)
```
#fd2b57
```
#fd2b57 rgb(253,43,87)
```
#57fd2b
```
#57fd2b rgb(87,253,43)
```
#2bfdd1
```
#2bfdd1 rgb(43,253,209)
```

Tetradic Color

#d9022f
```
#d9022f rgb(217,2,47)
```
#f30235
```
#f30235 rgb(243,2,53)
```
#fd1243
```
#fd1243 rgb(253,18,67)
```
#fd2b57
```
#fd2b57 rgb(253,43,87)
```
#fd446b
```
#fd446b rgb(253,68,107)
```
#fd5e7f
```
#fd5e7f rgb(253,94,127)
```
#fe7793
```
#fe7793 rgb(254,119,147)
```

Monochromatic Color

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

#fd2b8c
```
#fd2b8c rgb(253,43,140)
```
#fd2b7a
```
#fd2b7a rgb(253,43,122)
```
#fd2b69
```
#fd2b69 rgb(253,43,105)
```
#fd2b57
```
#fd2b57 rgb(253,43,87)
```
#fd2b45
```
#fd2b45 rgb(253,43,69)
```
#fd2b34
```
#fd2b34 rgb(253,43,52)
```
#fd342b
```
#fd342b rgb(253,52,43)
```

Similar Colors

Text with hexadecimal color #fd2b57

This text has a font color of #fd2b57.

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

#fd2b57 background color

This paragraph has a background color of #fd2b57.

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

#fd2b57 border color

This element has a border color of #fd2b57.

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

CSS codes

.text {color:#fd2b57;}

.background {background-color:#fd2b57;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150005
```
#150005 rgb(21,0,5)
```
#290009
```
#290009 rgb(41,0,9)
```
#3c010d
```
#3c010d rgb(60,1,13)
```
#4f0111
```
#4f0111 rgb(79,1,17)
```
#630115
```
#630115 rgb(99,1,21)
```
#76011a
```
#76011a rgb(118,1,26)
```
#8a011e
```
#8a011e rgb(138,1,30)
```
#9d0122
```
#9d0122 rgb(157,1,34)
```
#b10226
```
#b10226 rgb(177,2,38)
```
#c4022b
```
#c4022b rgb(196,2,43)
```
#d8022f
```
#d8022f rgb(216,2,47)
```
#eb0233
```
#eb0233 rgb(235,2,51)
```

Shade Color Variation

#fd0438
```
#fd0438 rgb(253,4,56)
```
#fd1848
```
#fd1848 rgb(253,24,72)
```
#fd2b57
```
#fd2b57 rgb(253,43,87)
```
#fd3e66
```
#fd3e66 rgb(253,62,102)
```
#fd5276
```
#fd5276 rgb(253,82,118)
```
#fe6585
```
#fe6585 rgb(254,101,133)
```
#fe7995
```
#fe7995 rgb(254,121,149)
```
#fe8ca4
```
#fe8ca4 rgb(254,140,164)
```
#fea0b3
```
#fea0b3 rgb(254,160,179)
```
#feb3c3
```
#feb3c3 rgb(254,179,195)
```
#fec6d2
```
#fec6d2 rgb(254,198,210)
```
#ffdae2
```
#ffdae2 rgb(255,218,226)
```
#ffedf1
```
#ffedf1 rgb(255,237,241)
```

Tint Color Variation

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

#9a8e90
```
#9a8e90 rgb(154,142,144)
```
#a2868c
```
#a2868c rgb(162,134,140)
```
#ab7d87
```
#ab7d87 rgb(171,125,135)
```
#b37582
```
#b37582 rgb(179,117,130)
```
#bb6d7d
```
#bb6d7d rgb(187,109,125)
```
#c36578
```
#c36578 rgb(195,101,120)
```
#cc5c74
```
#cc5c74 rgb(204,92,116)
```
#d4546f
```
#d4546f rgb(212,84,111)
```
#dc4c6a
```
#dc4c6a rgb(220,76,106)
```
#e44465
```
#e44465 rgb(228,68,101)
```
#ed3b61
```
#ed3b61 rgb(237,59,97)
```
#f5335c
```
#f5335c rgb(245,51,92)
```
#fd2b57
```
#fd2b57 rgb(253,43,87)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8b616a Atypical Achromatopsia 0.001% of the population

Dichromacy

#908a7d Protanopia 1% of men
#a88552 Deuteranopia 1% of men
#fb3d3e Tritanopia 0.001% of the population

Trichromacy

#b8676f Protanomaly 1% of men, 0.01% of women
#c66454 Deuteranomaly 6% of men, 0.4% of women
#fc3747 Tritanomaly 0.01% of the population

#fd2b57 hex color

#fd2b57 Color Information

#fd2b57 Color Conversion

Color Schemes with #fd2b57

Alternatives to #fd2b57

#fd2b57 Preview

Shades and Tints of #fd2b57

Tones of #fd2b57

Color Blindness Simulator