#fd5531 hex color

In a RGB color space, hex #fd5531 is composed of 99.2% red, 33.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.4% magenta, 80.6% yellow and 0.8% black. It has a hue angle of 10.6 degrees, a saturation of 98.1% and a lightness of 59.2%. #fd5531 color hex could be obtained by blending #ffaa62 with #fb0000. Closest websafe color is: #ff6633.

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

● #fd5531 color description : Bright red.

The hexadecimal color #fd5531 has RGB values of R:253, G:85, B:49 and CMYK values of C:0, M:0.66, Y:0.81, K:0.01. Its decimal value is 16602417.

Hex triplet	fd5531	`#fd5531`
RGB Decimal	253, 85, 49	`rgb(253,85,49)`
RGB Percent	99.2, 33.3, 19.2	`rgb(99.2%,33.3%,19.2%)`
CMYK	0, 66, 81, 1
HSL	10.6°, 98.1, 59.2	`hsl(10.6,98.1%,59.2%)`
HSV (or HSB)	10.6°, 80.6, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.532, 62.137, 54.541
XYZ	44.313, 27.606, 5.901
xyY	0.569, 0.355, 27.606
CIE-LCH	59.532, 82.679, 41.275
CIE-LUV	59.532, 135.008, 41.413
Hunter-Lab	52.542, 58.596, 30.121
Binary	11111101, 01010101, 00110001

#fd5531
```
#fd5531 rgb(253,85,49)
```
#31d9fd
```
#31d9fd rgb(49,217,253)
```

Complementary Color

#fd3173
```
#fd3173 rgb(253,49,115)
```
#fd5531
```
#fd5531 rgb(253,85,49)
```
#fdbb31
```
#fdbb31 rgb(253,187,49)
```

Analogous Color

#3173fd
```
#3173fd rgb(49,115,253)
```
#fd5531
```
#fd5531 rgb(253,85,49)
```
#31fdbb
```
#31fdbb rgb(49,253,187)
```

Split Complementary Color

#5531fd
```
#5531fd rgb(85,49,253)
```
#fd5531
```
#fd5531 rgb(253,85,49)
```
#31fd55
```
#31fd55 rgb(49,253,85)
```

Triadic Color

#fd31d9
```
#fd31d9 rgb(253,49,217)
```
#fd5531
```
#fd5531 rgb(253,85,49)
```
#31fd55
```
#31fd55 rgb(49,253,85)
```
#31d9fd
```
#31d9fd rgb(49,217,253)
```

Tetradic Color

#df2902
```
#df2902 rgb(223,41,2)
```
#f92e02
```
#f92e02 rgb(249,46,2)
```
#fd4018
```
#fd4018 rgb(253,64,24)
```
#fd5531
```
#fd5531 rgb(253,85,49)
```
#fd6a4a
```
#fd6a4a rgb(253,106,74)
```
#fd7f64
```
#fd7f64 rgb(253,127,100)
```
#fe947d
```
#fe947d rgb(254,148,125)
```

Monochromatic Color

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

#fd3140
```
#fd3140 rgb(253,49,64)
```
#fd3331
```
#fd3331 rgb(253,51,49)
```
#fd4431
```
#fd4431 rgb(253,68,49)
```
#fd5531
```
#fd5531 rgb(253,85,49)
```
#fd6631
```
#fd6631 rgb(253,102,49)
```
#fd7731
```
#fd7731 rgb(253,119,49)
```
#fd8831
```
#fd8831 rgb(253,136,49)
```

Similar Colors

Text with hexadecimal color #fd5531

This text has a font color of #fd5531.

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

#fd5531 background color

This paragraph has a background color of #fd5531.

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

#fd5531 border color

This element has a border color of #fd5531.

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

CSS codes

.text {color:#fd5531;}

.background {background-color:#fd5531;}

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

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

#080100
```
#080100 rgb(8,1,0)
```
#1b0500
```
#1b0500 rgb(27,5,0)
```
#2f0900
```
#2f0900 rgb(47,9,0)
```
#420c01
```
#420c01 rgb(66,12,1)
```
#551001
```
#551001 rgb(85,16,1)
```
#691301
```
#691301 rgb(105,19,1)
```
#7c1701
```
#7c1701 rgb(124,23,1)
```
#901b01
```
#901b01 rgb(144,27,1)
```
#a31e02
```
#a31e02 rgb(163,30,2)
```
#b72202
```
#b72202 rgb(183,34,2)
```
#ca2502
```
#ca2502 rgb(202,37,2)
```
#dd2902
```
#dd2902 rgb(221,41,2)
```
#f12c02
```
#f12c02 rgb(241,44,2)
```

Shade Color Variation

#fd350a
```
#fd350a rgb(253,53,10)
```
#fd451e
```
#fd451e rgb(253,69,30)
```
#fd5531
```
#fd5531 rgb(253,85,49)
```
#fd6544
```
#fd6544 rgb(253,101,68)
```
#fd7558
```
#fd7558 rgb(253,117,88)
```
#fe856b
```
#fe856b rgb(254,133,107)
```
#fe957f
```
#fe957f rgb(254,149,127)
```
#fea592
```
#fea592 rgb(254,165,146)
```
#feb5a6
```
#feb5a6 rgb(254,181,166)
```
#fec5b9
```
#fec5b9 rgb(254,197,185)
```
#ffd5cc
```
#ffd5cc rgb(255,213,204)
```
#ffe5e0
```
#ffe5e0 rgb(255,229,224)
```
#fff5f3
```
#fff5f3 rgb(255,245,243)
```

Tint Color Variation

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

#9d9391
```
#9d9391 rgb(157,147,145)
```
#a58e89
```
#a58e89 rgb(165,142,137)
```
#ad8981
```
#ad8981 rgb(173,137,129)
```
#b58479
```
#b58479 rgb(181,132,121)
```
#bd7e71
```
#bd7e71 rgb(189,126,113)
```
#c57969
```
#c57969 rgb(197,121,105)
```
#cd7461
```
#cd7461 rgb(205,116,97)
```
#d56f59
```
#d56f59 rgb(213,111,89)
```
#dd6a51
```
#dd6a51 rgb(221,106,81)
```
#e56549
```
#e56549 rgb(229,101,73)
```
#ed5f41
```
#ed5f41 rgb(237,95,65)
```
#f55a39
```
#f55a39 rgb(245,90,57)
```
#fd5531
```
#fd5531 rgb(253,85,49)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#9b7a73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4954a Protanopia 1% of men
#b98e2b Deuteranopia 1% of men
#fe595e Tritanopia 0.001% of the population

Trichromacy

#c47d41 Protanomaly 1% of men, 0.01% of women
#d2792d Deuteranomaly 6% of men, 0.4% of women
#fd584d Tritanomaly 0.01% of the population

#fd5531 hex color

#fd5531 Color Information

#fd5531 Color Conversion

Color Schemes with #fd5531

Alternatives to #fd5531

#fd5531 Preview

Shades and Tints of #fd5531

Tones of #fd5531

Color Blindness Simulator