#fd5d48 hex color

In a RGB color space, hex #fd5d48 is composed of 99.2% red, 36.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.2% magenta, 71.5% yellow and 0.8% black. It has a hue angle of 7 degrees, a saturation of 97.8% and a lightness of 63.7%. #fd5d48 color hex could be obtained by blending #ffba90 with #fb0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 36
- B 28
RGB color chart
- C 0
- M 63
- Y 72
- K 1
CMYK color chart

● #fd5d48 color description : Bright red.

The hexadecimal color #fd5d48 has RGB values of R:253, G:93, B:72 and CMYK values of C:0, M:0.63, Y:0.72, K:0.01. Its decimal value is 16604488.

Hex triplet	fd5d48	`#fd5d48`
RGB Decimal	253, 93, 72	`rgb(253,93,72)`
RGB Percent	99.2, 36.5, 28.2	`rgb(99.2%,36.5%,28.2%)`
CMYK	0, 63, 72, 1
HSL	7°, 97.8, 63.7	`hsl(7,97.8%,63.7%)`
HSV (or HSB)	7°, 71.5, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.944, 59.75, 44.385
XYZ	45.594, 29.184, 9.363
xyY	0.542, 0.347, 29.184
CIE-LCH	60.944, 74.432, 36.607
CIE-LUV	60.944, 125.772, 35.829
Hunter-Lab	54.022, 56.112, 27.54
Binary	11111101, 01011101, 01001000

#fd5d48
```
#fd5d48 rgb(253,93,72)
```
#48e8fd
```
#48e8fd rgb(72,232,253)
```

Complementary Color

#fd488e
```
#fd488e rgb(253,72,142)
```
#fd5d48
```
#fd5d48 rgb(253,93,72)
```
#fdb848
```
#fdb848 rgb(253,184,72)
```

Analogous Color

#488efd
```
#488efd rgb(72,142,253)
```
#fd5d48
```
#fd5d48 rgb(253,93,72)
```
#48fdb8
```
#48fdb8 rgb(72,253,184)
```

Split Complementary Color

#5d48fd
```
#5d48fd rgb(93,72,253)
```
#fd5d48
```
#fd5d48 rgb(253,93,72)
```
#48fd5d
```
#48fd5d rgb(72,253,93)
```

Triadic Color

#fd48e8
```
#fd48e8 rgb(253,72,232)
```
#fd5d48
```
#fd5d48 rgb(253,93,72)
```
#48fd5d
```
#48fd5d rgb(72,253,93)
```
#48e8fd
```
#48e8fd rgb(72,232,253)
```

Tetradic Color

#f61f03
```
#f61f03 rgb(246,31,3)
```
#fc3016
```
#fc3016 rgb(252,48,22)
```
#fd472f
```
#fd472f rgb(253,71,47)
```
#fd5d48
```
#fd5d48 rgb(253,93,72)
```
#fd7361
```
#fd7361 rgb(253,115,97)
```
#fe8a7a
```
#fe8a7a rgb(254,138,122)
```
#fea094
```
#fea094 rgb(254,160,148)
```

Monochromatic Color

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

#fd4860
```
#fd4860 rgb(253,72,96)
```
#fd4851
```
#fd4851 rgb(253,72,81)
```
#fd4e48
```
#fd4e48 rgb(253,78,72)
```
#fd5d48
```
#fd5d48 rgb(253,93,72)
```
#fd6c48
```
#fd6c48 rgb(253,108,72)
```
#fd7b48
```
#fd7b48 rgb(253,123,72)
```
#fd8a48
```
#fd8a48 rgb(253,138,72)
```

Similar Colors

Text with hexadecimal color #fd5d48

This text has a font color of #fd5d48.

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

#fd5d48 background color

This paragraph has a background color of #fd5d48.

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

#fd5d48 border color

This element has a border color of #fd5d48.

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

CSS codes

.text {color:#fd5d48;}

.background {background-color:#fd5d48;}

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

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

#0b0100
```
#0b0100 rgb(11,1,0)
```
#1e0400
```
#1e0400 rgb(30,4,0)
```
#320601
```
#320601 rgb(50,6,1)
```
#450901
```
#450901 rgb(69,9,1)
```
#590b01
```
#590b01 rgb(89,11,1)
```
#6c0e01
```
#6c0e01 rgb(108,14,1)
```
#7f1001
```
#7f1001 rgb(127,16,1)
```
#931202
```
#931202 rgb(147,18,2)
```
#a61502
```
#a61502 rgb(166,21,2)
```
#ba1702
```
#ba1702 rgb(186,23,2)
```
#cd1a02
```
#cd1a02 rgb(205,26,2)
```
#e01c02
```
#e01c02 rgb(224,28,2)
```
#f41f03
```
#f41f03 rgb(244,31,3)
```

Shade Color Variation

#fc290e
```
#fc290e rgb(252,41,14)
```
#fd3b21
```
#fd3b21 rgb(253,59,33)
```
#fd4c35
```
#fd4c35 rgb(253,76,53)
```
#fd5d48
```
#fd5d48 rgb(253,93,72)
```
#fd6e5b
```
#fd6e5b rgb(253,110,91)
```
#fd7f6f
```
#fd7f6f rgb(253,127,111)
```
#fe9182
```
#fe9182 rgb(254,145,130)
```
#fea296
```
#fea296 rgb(254,162,150)
```
#feb3a9
```
#feb3a9 rgb(254,179,169)
```
#fec4bc
```
#fec4bc rgb(254,196,188)
```
#fed5d0
```
#fed5d0 rgb(254,213,208)
```
#ffe6e3
```
#ffe6e3 rgb(255,230,227)
```
#fff8f7
```
#fff8f7 rgb(255,248,247)
```

Tint Color Variation

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

#a89f9d
```
#a89f9d rgb(168,159,157)
```
#af9996
```
#af9996 rgb(175,153,150)
```
#b6948f
```
#b6948f rgb(182,148,143)
```
#bd8e88
```
#bd8e88 rgb(189,142,136)
```
#c48981
```
#c48981 rgb(196,137,129)
```
#cb837a
```
#cb837a rgb(203,131,122)
```
#d27e73
```
#d27e73 rgb(210,126,115)
```
#d9786c
```
#d9786c rgb(217,120,108)
```
#e17364
```
#e17364 rgb(225,115,100)
```
#e86d5d
```
#e86d5d rgb(232,109,93)
```
#ef6856
```
#ef6856 rgb(239,104,86)
```
#f6624f
```
#f6624f rgb(246,98,79)
```
#fd5d48
```
#fd5d48 rgb(253,93,72)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#a1817d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69861 Protanopia 1% of men
#bb9146 Deuteranopia 1% of men
#fe6267 Tritanopia 0.001% of the population

Trichromacy

#c58258 Protanomaly 1% of men, 0.01% of women
#d37e46 Deuteranomaly 6% of men, 0.4% of women
#fd605c Tritanomaly 0.01% of the population

#fd5d48 hex color

#fd5d48 Color Information

#fd5d48 Color Conversion

Color Schemes with #fd5d48

Alternatives to #fd5d48

#fd5d48 Preview

Shades and Tints of #fd5d48

Tones of #fd5d48

Color Blindness Simulator