#fd5b63 hex color

In a RGB color space, hex #fd5b63 is composed of 99.2% red, 35.7% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 60.9% yellow and 0.8% black. It has a hue angle of 357 degrees, a saturation of 97.6% and a lightness of 67.5%. #fd5b63 color hex could be obtained by blending #ffb6c6 with #fb0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 99
- G 36
- B 39
RGB color chart
- C 0
- M 64
- Y 61
- K 1
CMYK color chart

● #fd5b63 color description : Soft red.

The hexadecimal color #fd5b63 has RGB values of R:253, G:91, B:99 and CMYK values of C:0, M:0.64, Y:0.61, K:0.01. Its decimal value is 16604003.

Hex triplet	fd5b63	`#fd5b63`
RGB Decimal	253, 91, 99	`rgb(253,91,99)`
RGB Percent	99.2, 35.7, 38.8	`rgb(99.2%,35.7%,38.8%)`
CMYK	0, 64, 61, 1
HSL	357°, 97.6, 67.5	`hsl(357,97.6%,67.5%)`
HSV (or HSB)	357°, 64, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.02, 62.008, 29.488
XYZ	46.503, 29.271, 15.005
xyY	0.512, 0.322, 29.271
CIE-LCH	61.02, 68.662, 25.434
CIE-LUV	61.02, 121.166, 22.347
Hunter-Lab	54.102, 58.748, 21.428
Binary	11111101, 01011011, 01100011

#fd5b63
```
#fd5b63 rgb(253,91,99)
```
#5bfdf5
```
#5bfdf5 rgb(91,253,245)
```

Complementary Color

#fd5bb4
```
#fd5bb4 rgb(253,91,180)
```
#fd5b63
```
#fd5b63 rgb(253,91,99)
```
#fda45b
```
#fda45b rgb(253,164,91)
```

Analogous Color

#5bb4fd
```
#5bb4fd rgb(91,180,253)
```
#fd5b63
```
#fd5b63 rgb(253,91,99)
```
#5bfda4
```
#5bfda4 rgb(91,253,164)
```

Split Complementary Color

#5b63fd
```
#5b63fd rgb(91,99,253)
```
#fd5b63
```
#fd5b63 rgb(253,91,99)
```
#63fd5b
```
#63fd5b rgb(99,253,91)
```

Triadic Color

#f55bfd
```
#f55bfd rgb(245,91,253)
```
#fd5b63
```
#fd5b63 rgb(253,91,99)
```
#63fd5b
```
#63fd5b rgb(99,253,91)
```
#5bfdf5
```
#5bfdf5 rgb(91,253,245)
```

Tetradic Color

#fc0f1b
```
#fc0f1b rgb(252,15,27)
```
#fc2933
```
#fc2933 rgb(252,41,51)
```
#fd424b
```
#fd424b rgb(253,66,75)
```
#fd5b63
```
#fd5b63 rgb(253,91,99)
```
#fd747b
```
#fd747b rgb(253,116,123)
```
#fe8d93
```
#fe8d93 rgb(254,141,147)
```
#fea7ab
```
#fea7ab rgb(254,167,171)
```

Monochromatic Color

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

#fd5b8c
```
#fd5b8c rgb(253,91,140)
```
#fd5b7e
```
#fd5b7e rgb(253,91,126)
```
#fd5b71
```
#fd5b71 rgb(253,91,113)
```
#fd5b63
```
#fd5b63 rgb(253,91,99)
```
#fd615b
```
#fd615b rgb(253,97,91)
```
#fd6e5b
```
#fd6e5b rgb(253,110,91)
```
#fd7c5b
```
#fd7c5b rgb(253,124,91)
```

Similar Colors

Text with hexadecimal color #fd5b63

This text has a font color of #fd5b63.

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

#fd5b63 background color

This paragraph has a background color of #fd5b63.

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

#fd5b63 border color

This element has a border color of #fd5b63.

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

CSS codes

.text {color:#fd5b63;}

.background {background-color:#fd5b63;}

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

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, #0a0001 is the darkest color, while #fff6f6 is the lightest one.

#0a0001
```
#0a0001 rgb(10,0,1)
```
#1e0002
```
#1e0002 rgb(30,0,2)
```
#310103
```
#310103 rgb(49,1,3)
```
#450104
```
#450104 rgb(69,1,4)
```
#580105
```
#580105 rgb(88,1,5)
```
#6b0107
```
#6b0107 rgb(107,1,7)
```
#7f0208
```
#7f0208 rgb(127,2,8)
```
#920209
```
#920209 rgb(146,2,9)
```
#a5020a
```
#a5020a rgb(165,2,10)
```
#b9020b
```
#b9020b rgb(185,2,11)
```
#cc020c
```
#cc020c rgb(204,2,12)
```
#e0030e
```
#e0030e rgb(224,3,14)
```
#f3030f
```
#f3030f rgb(243,3,15)
```

Shade Color Variation

#fc0d19
```
#fc0d19 rgb(252,13,25)
```
#fc212c
```
#fc212c rgb(252,33,44)
```
#fd343e
```
#fd343e rgb(253,52,62)
```
#fd4851
```
#fd4851 rgb(253,72,81)
```
#fd5b63
```
#fd5b63 rgb(253,91,99)
```
#fd6e75
```
#fd6e75 rgb(253,110,117)
```
#fd8288
```
#fd8288 rgb(253,130,136)
```
#fe959a
```
#fe959a rgb(254,149,154)
```
#fea9ad
```
#fea9ad rgb(254,169,173)
```
#febcbf
```
#febcbf rgb(254,188,191)
```
#fecfd2
```
#fecfd2 rgb(254,207,210)
```
#ffe3e4
```
#ffe3e4 rgb(255,227,228)
```
#fff6f6
```
#fff6f6 rgb(255,246,246)
```

Tint Color Variation

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

#b0a8a8
```
#b0a8a8 rgb(176,168,168)
```
#b7a1a2
```
#b7a1a2 rgb(183,161,162)
```
#bd9b9d
```
#bd9b9d rgb(189,155,157)
```
#c49497
```
#c49497 rgb(196,148,151)
```
#ca8e91
```
#ca8e91 rgb(202,142,145)
```
#d0888b
```
#d0888b rgb(208,136,139)
```
#d78186
```
#d78186 rgb(215,129,134)
```
#dd7b80
```
#dd7b80 rgb(221,123,128)
```
#e3757a
```
#e3757a rgb(227,117,122)
```
#ea6e74
```
#ea6e74 rgb(234,110,116)
```
#f0686f
```
#f0686f rgb(240,104,111)
```
#f76169
```
#f76169 rgb(247,97,105)
```
#fd5b63
```
#fd5b63 rgb(253,91,99)
```

Tone Color Variation

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

Dichromacy

#a1987f Protanopia 1% of men
#b79260 Deuteranopia 1% of men
#fd6369 Tritanopia 0.001% of the population

Trichromacy

#c28275 Protanomaly 1% of men, 0.01% of women
#d07e61 Deuteranomaly 6% of men, 0.4% of women
#fd6067 Tritanomaly 0.01% of the population

#fd5b63 hex color

#fd5b63 Color Information

#fd5b63 Color Conversion

Color Schemes with #fd5b63

Alternatives to #fd5b63

#fd5b63 Preview

Shades and Tints of #fd5b63

Tones of #fd5b63

Color Blindness Simulator