#fd5f63 Color Information
In a RGB color space, hex #fd5f63 is composed of 99.2% red, 37.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.5% magenta, 60.9% yellow and 0.8% black. It has a hue angle of 358.5 degrees, a saturation of 97.5% and a lightness of 68.2%. #fd5f63 color hex could be obtained by blending #ffbec6 with #fb0000. Closest websafe color is: #ff6666.
-
- R 99
- G 37
- B 39
-
- C 0
- M 62
- Y 61
- K 1
● #fd5f63 color description : Soft red.
#fd5f63 Color Conversion
The hexadecimal color #fd5f63 has RGB values of R:253, G:95, B:99 and CMYK values of C:0, M:0.62, Y:0.61, K:0.01. Its decimal value is 16605027.
Hex triplet | fd5f63 | #fd5f63 |
---|---|---|
RGB Decimal | 253, 95, 99 | rgb(253,95,99) |
RGB Percent | 99.2, 37.3, 38.8 | rgb(99.2%,37.3%,38.8%) |
CMYK | 0, 62, 61, 1 | |
HSL | 358.5°, 97.5, 68.2 | hsl(358.5,97.5%,68.2%) |
HSV (or HSB) | 358.5°, 62.5, 99.2 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 61.631, 60.363, 30.274 |
---|---|
XYZ | 46.854, 29.973, 15.122 |
xyY | 0.51, 0.326, 29.973 |
CIE-LCH | 61.631, 67.529, 26.635 |
CIE-LUV | 61.631, 118.631, 23.668 |
Hunter-Lab | 54.747, 56.956, 21.947 |
Binary | 11111101, 01011111, 01100011 |
Color Schemes with #fd5f63
Alternatives to #fd5f63
Below, you can see some colors close to #fd5f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fd5f63 Preview
This text has a font color of #fd5f63.
<span style="color:#fd5f63;">Text here</span>
This paragraph has a background color of #fd5f63.
<p style="background-color:#fd5f63;">Content here</p>
This element has a border color of #fd5f63.
<div style="border:1px solid #fd5f63;">Content here</div>
.text {color:#fd5f63;}
.background {background-color:#fd5f63;}
.border {border:1px solid #fd5f63;}
Shades and Tints of #fd5f63
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, #0e0001 is the darkest color, while #fffafa is the lightest one.
-
#0e0001
#0e0001
rgb(14,0,1)
-
#220001
#220001
rgb(34,0,1)
-
#350102
#350102
rgb(53,1,2)
-
#480103
#480103
rgb(72,1,3)
-
#5c0103
#5c0103
rgb(92,1,3)
-
#6f0104
#6f0104
rgb(111,1,4)
-
#830205
#830205
rgb(131,2,5)
-
#960206
#960206
rgb(150,2,6)
-
#a90206
#a90206
rgb(169,2,6)
-
#bd0207
#bd0207
rgb(189,2,7)
-
#d00308
#d00308
rgb(208,3,8)
-
#e30309
#e30309
rgb(227,3,9)
-
#f70309
#f70309
rgb(247,3,9)
-
#fc1217
#fc1217
rgb(252,18,23)
-
#fc252a
#fc252a
rgb(252,37,42)
-
#fd383d
#fd383d
rgb(253,56,61)
-
#fd4c50
#fd4c50
rgb(253,76,80)
-
#fd5f63
#fd5f63
rgb(253,95,99)
-
#fd7276
#fd7276
rgb(253,114,118)
-
#fd8689
#fd8689
rgb(253,134,137)
-
#fe999c
#fe999c
rgb(254,153,156)
-
#feacaf
#feacaf
rgb(254,172,175)
-
#fec0c1
#fec0c1
rgb(254,192,193)
-
#fed3d4
#fed3d4
rgb(254,211,212)
-
#ffe7e7
#ffe7e7
rgb(255,231,231)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #fd5f63
A tone is produced by adding gray to any pure hue. In this case, #b2aaaa is the less saturated color, while #fd5f63 is the most saturated one.
-
#b2aaaa
#b2aaaa
rgb(178,170,170)
-
#b8a4a4
#b8a4a4
rgb(184,164,164)
-
#bf9d9e
#bf9d9e
rgb(191,157,158)
-
#c59798
#c59798
rgb(197,151,152)
-
#cb9192
#cb9192
rgb(203,145,146)
-
#d18b8c
#d18b8c
rgb(209,139,140)
-
#d88486
#d88486
rgb(216,132,134)
-
#de7e81
#de7e81
rgb(222,126,129)
-
#e4787b
#e4787b
rgb(228,120,123)
-
#ea7275
#ea7275
rgb(234,114,117)
-
#f16b6f
#f16b6f
rgb(241,107,111)
-
#f76569
#f76569
rgb(247,101,105)
-
#fd5f63
#fd5f63
rgb(253,95,99)
Color Blindness Simulator
Below, you can see how #fd5f63 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.