#fd221b hex color

In a RGB color space, hex #fd221b is composed of 99.2% red, 13.3% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.6% magenta, 89.3% yellow and 0.8% black. It has a hue angle of 1.9 degrees, a saturation of 98.3% and a lightness of 54.9%. #fd221b color hex could be obtained by blending #ff4436 with #fb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 99
- G 13
- B 11
RGB color chart
- C 0
- M 87
- Y 89
- K 1
CMYK color chart

● #fd221b color description : Vivid red.

The hexadecimal color #fd221b has RGB values of R:253, G:34, B:27 and CMYK values of C:0, M:0.87, Y:0.89, K:0.01. Its decimal value is 16589339.

Hex triplet	fd221b	`#fd221b`
RGB Decimal	253, 34, 27	`rgb(253,34,27)`
RGB Percent	99.2, 13.3, 10.6	`rgb(99.2%,13.3%,10.6%)`
CMYK	0, 87, 89, 1
HSL	1.9°, 98.3, 54.9	`hsl(1.9,98.3%,54.9%)`
HSV (or HSB)	1.9°, 89.3, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.145, 76.301, 59.664
XYZ	41.28, 22.111, 3.131
xyY	0.621, 0.332, 22.111
CIE-LCH	54.145, 96.859, 38.024
CIE-LUV	54.145, 164.727, 36.702
Hunter-Lab	47.023, 74.412, 28.968
Binary	11111101, 00100010, 00011011

#fd221b
```
#fd221b rgb(253,34,27)
```
#1bf6fd
```
#1bf6fd rgb(27,246,253)
```

Complementary Color

#fd1b85
```
#fd1b85 rgb(253,27,133)
```
#fd221b
```
#fd221b rgb(253,34,27)
```
#fd931b
```
#fd931b rgb(253,147,27)
```

Analogous Color

#1b85fd
```
#1b85fd rgb(27,133,253)
```
#fd221b
```
#fd221b rgb(253,34,27)
```
#1bfd93
```
#1bfd93 rgb(27,253,147)
```

Split Complementary Color

#221bfd
```
#221bfd rgb(34,27,253)
```
#fd221b
```
#fd221b rgb(253,34,27)
```
#1bfd22
```
#1bfd22 rgb(27,253,34)
```

Triadic Color

#fd1bf6
```
#fd1bf6 rgb(253,27,246)
```
#fd221b
```
#fd221b rgb(253,34,27)
```
#1bfd22
```
#1bfd22 rgb(27,253,34)
```
#1bf6fd
```
#1bf6fd rgb(27,246,253)
```

Tetradic Color

#ca0802
```
#ca0802 rgb(202,8,2)
```
#e30902
```
#e30902 rgb(227,9,2)
```
#fc0a02
```
#fc0a02 rgb(252,10,2)
```
#fd221b
```
#fd221b rgb(253,34,27)
```
#fd3b34
```
#fd3b34 rgb(253,59,52)
```
#fd534e
```
#fd534e rgb(253,83,78)
```
#fe6c67
```
#fe6c67 rgb(254,108,103)
```

Monochromatic Color

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

#fd1b4d
```
#fd1b4d rgb(253,27,77)
```
#fd1b3a
```
#fd1b3a rgb(253,27,58)
```
#fd1b27
```
#fd1b27 rgb(253,27,39)
```
#fd221b
```
#fd221b rgb(253,34,27)
```
#fd351b
```
#fd351b rgb(253,53,27)
```
#fd481b
```
#fd481b rgb(253,72,27)
```
#fd5b1b
```
#fd5b1b rgb(253,91,27)
```

Similar Colors

Text with hexadecimal color #fd221b

This text has a font color of #fd221b.

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

#fd221b background color

This paragraph has a background color of #fd221b.

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

#fd221b border color

This element has a border color of #fd221b.

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

CSS codes

.text {color:#fd221b;}

.background {background-color:#fd221b;}

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

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

#050000
```
#050000 rgb(5,0,0)
```
#190100
```
#190100 rgb(25,1,0)
```
#2c0200
```
#2c0200 rgb(44,2,0)
```
#400301
```
#400301 rgb(64,3,1)
```
#530301
```
#530301 rgb(83,3,1)
```
#670401
```
#670401 rgb(103,4,1)
```
#7a0501
```
#7a0501 rgb(122,5,1)
```
#8d0601
```
#8d0601 rgb(141,6,1)
```
#a10601
```
#a10601 rgb(161,6,1)
```
#b40702
```
#b40702 rgb(180,7,2)
```
#c80802
```
#c80802 rgb(200,8,2)
```
#db0902
```
#db0902 rgb(219,9,2)
```
#ef0902
```
#ef0902 rgb(239,9,2)
```

Shade Color Variation

#fd0f08
```
#fd0f08 rgb(253,15,8)
```
#fd221b
```
#fd221b rgb(253,34,27)
```
#fd352e
```
#fd352e rgb(253,53,46)
```
#fd4842
```
#fd4842 rgb(253,72,66)
```
#fe5b55
```
#fe5b55 rgb(254,91,85)
```
#fe6d69
```
#fe6d69 rgb(254,109,105)
```
#fe807c
```
#fe807c rgb(254,128,124)
```
#fe9390
```
#fe9390 rgb(254,147,144)
```
#fea6a3
```
#fea6a3 rgb(254,166,163)
```
#feb9b7
```
#feb9b7 rgb(254,185,183)
```
#ffccca
```
#ffccca rgb(255,204,202)
```
#ffdedd
```
#ffdedd rgb(255,222,221)
```
#fff1f1
```
#fff1f1 rgb(255,241,241)
```

Tint Color Variation

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

#938685
```
#938685 rgb(147,134,133)
```
#9c7d7c
```
#9c7d7c rgb(156,125,124)
```
#a57573
```
#a57573 rgb(165,117,115)
```
#ad6d6b
```
#ad6d6b rgb(173,109,107)
```
#b66462
```
#b66462 rgb(182,100,98)
```
#bf5c59
```
#bf5c59 rgb(191,92,89)
```
#c85450
```
#c85450 rgb(200,84,80)
```
#d14b47
```
#d14b47 rgb(209,75,71)
```
#da433e
```
#da433e rgb(218,67,62)
```
#e23b36
```
#e23b36 rgb(226,59,54)
```
#eb332d
```
#eb332d rgb(235,51,45)
```
#f42a24
```
#f42a24 rgb(244,42,36)
```
#fd221b
```
#fd221b rgb(253,34,27)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#825655 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968839 Protanopia 1% of men
#aa8100 Deuteranopia 1% of men
#fd2d2a Tritanopia 0.001% of the population

Trichromacy

#bc632e Protanomaly 1% of men, 0.01% of women
#c85e09 Deuteranomaly 6% of men, 0.4% of women
#fd2924 Tritanomaly 0.01% of the population

#fd221b hex color

#fd221b Color Information

#fd221b Color Conversion

Color Schemes with #fd221b

Alternatives to #fd221b

#fd221b Preview

Shades and Tints of #fd221b

Tones of #fd221b

Color Blindness Simulator