#fd5d30 hex color

In a RGB color space, hex #fd5d30 is composed of 99.2% red, 36.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.2% magenta, 81% yellow and 0.8% black. It has a hue angle of 13.2 degrees, a saturation of 98.1% and a lightness of 59%. #fd5d30 color hex could be obtained by blending #ffba60 with #fb0000. Closest websafe color is: #ff6633.

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

● #fd5d30 color description : Bright red.

The hexadecimal color #fd5d30 has RGB values of R:253, G:93, B:48 and CMYK values of C:0, M:0.63, Y:0.81, K:0.01. Its decimal value is 16604464.

Hex triplet	fd5d30	`#fd5d30`
RGB Decimal	253, 93, 48	`rgb(253,93,48)`
RGB Percent	99.2, 36.5, 18.8	`rgb(99.2%,36.5%,18.8%)`
CMYK	0, 63, 81, 1
HSL	13.2°, 98.1, 59	`hsl(13.2,98.1%,59%)`
HSV (or HSB)	13.2°, 81, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.72, 58.888, 56.113
XYZ	44.958, 28.93, 6.013
xyY	0.563, 0.362, 28.93
CIE-LCH	60.72, 81.342, 43.618
CIE-LUV	60.72, 129.483, 43.89
Hunter-Lab	53.786, 55.075, 31.022
Binary	11111101, 01011101, 00110000

#fd5d30
```
#fd5d30 rgb(253,93,48)
```
#30d0fd
```
#30d0fd rgb(48,208,253)
```

Complementary Color

#fd306a
```
#fd306a rgb(253,48,106)
```
#fd5d30
```
#fd5d30 rgb(253,93,48)
```
#fdc430
```
#fdc430 rgb(253,196,48)
```

Analogous Color

#306afd
```
#306afd rgb(48,106,253)
```
#fd5d30
```
#fd5d30 rgb(253,93,48)
```
#30fdc4
```
#30fdc4 rgb(48,253,196)
```

Split Complementary Color

#5d30fd
```
#5d30fd rgb(93,48,253)
```
#fd5d30
```
#fd5d30 rgb(253,93,48)
```
#30fd5d
```
#30fd5d rgb(48,253,93)
```

Triadic Color

#fd30d0
```
#fd30d0 rgb(253,48,208)
```
#fd5d30
```
#fd5d30 rgb(253,93,48)
```
#30fd5d
```
#30fd5d rgb(48,253,93)
```
#30d0fd
```
#30d0fd rgb(48,208,253)
```

Tetradic Color

#de3202
```
#de3202 rgb(222,50,2)
```
#f83802
```
#f83802 rgb(248,56,2)
```
#fd4917
```
#fd4917 rgb(253,73,23)
```
#fd5d30
```
#fd5d30 rgb(253,93,48)
```
#fd7149
```
#fd7149 rgb(253,113,73)
```
#fd8563
```
#fd8563 rgb(253,133,99)
```
#fe987c
```
#fe987c rgb(254,152,124)
```

Monochromatic Color

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

#fd3036
```
#fd3036 rgb(253,48,54)
```
#fd3b30
```
#fd3b30 rgb(253,59,48)
```
#fd4c30
```
#fd4c30 rgb(253,76,48)
```
#fd5d30
```
#fd5d30 rgb(253,93,48)
```
#fd6e30
```
#fd6e30 rgb(253,110,48)
```
#fd7f30
```
#fd7f30 rgb(253,127,48)
```
#fd9030
```
#fd9030 rgb(253,144,48)
```

Similar Colors

Text with hexadecimal color #fd5d30

This text has a font color of #fd5d30.

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

#fd5d30 background color

This paragraph has a background color of #fd5d30.

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

#fd5d30 border color

This element has a border color of #fd5d30.

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

CSS codes

.text {color:#fd5d30;}

.background {background-color:#fd5d30;}

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

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

#070200
```
#070200 rgb(7,2,0)
```
#1a0600
```
#1a0600 rgb(26,6,0)
```
#2e0a00
```
#2e0a00 rgb(46,10,0)
```
#410f01
```
#410f01 rgb(65,15,1)
```
#541301
```
#541301 rgb(84,19,1)
```
#681801
```
#681801 rgb(104,24,1)
```
#7b1c01
```
#7b1c01 rgb(123,28,1)
```
#8f2001
```
#8f2001 rgb(143,32,1)
```
#a22502
```
#a22502 rgb(162,37,2)
```
#b62902
```
#b62902 rgb(182,41,2)
```
#c92e02
```
#c92e02 rgb(201,46,2)
```
#dc3202
```
#dc3202 rgb(220,50,2)
```
#f03602
```
#f03602 rgb(240,54,2)
```

Shade Color Variation

#fd3f09
```
#fd3f09 rgb(253,63,9)
```
#fd4e1d
```
#fd4e1d rgb(253,78,29)
```
#fd5d30
```
#fd5d30 rgb(253,93,48)
```
#fd6c43
```
#fd6c43 rgb(253,108,67)
```
#fd7b57
```
#fd7b57 rgb(253,123,87)
```
#fe8b6a
```
#fe8b6a rgb(254,139,106)
```
#fe9a7e
```
#fe9a7e rgb(254,154,126)
```
#fea991
```
#fea991 rgb(254,169,145)
```
#feb8a5
```
#feb8a5 rgb(254,184,165)
```
#fec7b8
```
#fec7b8 rgb(254,199,184)
```
#ffd7cb
```
#ffd7cb rgb(255,215,203)
```
#ffe6df
```
#ffe6df rgb(255,230,223)
```
#fff5f2
```
#fff5f2 rgb(255,245,242)
```

Tint Color Variation

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

#9d9390
```
#9d9390 rgb(157,147,144)
```
#a58f88
```
#a58f88 rgb(165,143,136)
```
#ad8a80
```
#ad8a80 rgb(173,138,128)
```
#b58678
```
#b58678 rgb(181,134,120)
```
#bd8170
```
#bd8170 rgb(189,129,112)
```
#c57d68
```
#c57d68 rgb(197,125,104)
```
#cd7860
```
#cd7860 rgb(205,120,96)
```
#d57458
```
#d57458 rgb(213,116,88)
```
#dd6f50
```
#dd6f50 rgb(221,111,80)
```
#e56b48
```
#e56b48 rgb(229,107,72)
```
#ed6640
```
#ed6640 rgb(237,102,64)
```
#f56238
```
#f56238 rgb(245,98,56)
```
#fd5d30
```
#fd5d30 rgb(253,93,48)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9f7f76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89848 Protanopia 1% of men
#bd902b Deuteranopia 1% of men
#fe6065 Tritanopia 0.001% of the population

Trichromacy

#c7823f Protanomaly 1% of men, 0.01% of women
#d47e2d Deuteranomaly 6% of men, 0.4% of women
#fe5f52 Tritanomaly 0.01% of the population

#fd5d30 hex color

#fd5d30 Color Information

#fd5d30 Color Conversion

Color Schemes with #fd5d30

Alternatives to #fd5d30

#fd5d30 Preview

Shades and Tints of #fd5d30

Tones of #fd5d30

Color Blindness Simulator