#fb221f hex color

In a RGB color space, hex #fb221f is composed of 98.4% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.5% magenta, 87.6% yellow and 1.6% black. It has a hue angle of 0.8 degrees, a saturation of 96.5% and a lightness of 55.3%. #fb221f color hex could be obtained by blending #ff443e with #f70000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 98
- G 13
- B 12
RGB color chart
- C 0
- M 86
- Y 88
- K 2
CMYK color chart

● #fb221f color description : Vivid red.

The hexadecimal color #fb221f has RGB values of R:251, G:34, B:31 and CMYK values of C:0, M:0.86, Y:0.88, K:0.02. Its decimal value is 16458271.

Hex triplet	fb221f	`#fb221f`
RGB Decimal	251, 34, 31	`rgb(251,34,31)`
RGB Percent	98.4, 13.3, 12.2	`rgb(98.4%,13.3%,12.2%)`
CMYK	0, 86, 88, 2
HSL	0.8°, 96.5, 55.3	`hsl(0.8,96.5%,55.3%)`
HSV (or HSB)	0.8°, 87.6, 98.4
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.769, 75.847, 57.572
XYZ	40.605, 21.758, 3.358
xyY	0.618, 0.331, 21.758
CIE-LCH	53.769, 95.222, 37.2
CIE-LUV	53.769, 162.822, 35.66
Hunter-Lab	46.645, 73.759, 28.383
Binary	11111011, 00100010, 00011111

#fb221f
```
#fb221f rgb(251,34,31)
```
#1ff8fb
```
#1ff8fb rgb(31,248,251)
```

Complementary Color

#fb1f8a
```
#fb1f8a rgb(251,31,138)
```
#fb221f
```
#fb221f rgb(251,34,31)
```
#fb901f
```
#fb901f rgb(251,144,31)
```

Analogous Color

#1f8afb
```
#1f8afb rgb(31,138,251)
```
#fb221f
```
#fb221f rgb(251,34,31)
```
#1ffb90
```
#1ffb90 rgb(31,251,144)
```

Split Complementary Color

#221ffb
```
#221ffb rgb(34,31,251)
```
#fb221f
```
#fb221f rgb(251,34,31)
```
#1ffb22
```
#1ffb22 rgb(31,251,34)
```

Triadic Color

#fb1ff8
```
#fb1ff8 rgb(251,31,248)
```
#fb221f
```
#fb221f rgb(251,34,31)
```
#1ffb22
```
#1ffb22 rgb(31,251,34)
```
#1ff8fb
```
#1ff8fb rgb(31,248,251)
```

Tetradic Color

#ca0604
```
#ca0604 rgb(202,6,4)
```
#e30704
```
#e30704 rgb(227,7,4)
```
#fb0906
```
#fb0906 rgb(251,9,6)
```
#fb221f
```
#fb221f rgb(251,34,31)
```
#fb3b38
```
#fb3b38 rgb(251,59,56)
```
#fc5351
```
#fc5351 rgb(252,83,81)
```
#fc6c6a
```
#fc6c6a rgb(252,108,106)
```

Monochromatic Color

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

#fb1f53
```
#fb1f53 rgb(251,31,83)
```
#fb1f41
```
#fb1f41 rgb(251,31,65)
```
#fb1f2e
```
#fb1f2e rgb(251,31,46)
```
#fb221f
```
#fb221f rgb(251,34,31)
```
#fb341f
```
#fb341f rgb(251,52,31)
```
#fb471f
```
#fb471f rgb(251,71,31)
```
#fb591f
```
#fb591f rgb(251,89,31)
```

Similar Colors

Text with hexadecimal color #fb221f

This text has a font color of #fb221f.

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

#fb221f background color

This paragraph has a background color of #fb221f.

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

#fb221f border color

This element has a border color of #fb221f.

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

CSS codes

.text {color:#fb221f;}

.background {background-color:#fb221f;}

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

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

#070000
```
#070000 rgb(7,0,0)
```
#1b0100
```
#1b0100 rgb(27,1,0)
```
#2e0101
```
#2e0101 rgb(46,1,1)
```
#410201
```
#410201 rgb(65,2,1)
```
#540302
```
#540302 rgb(84,3,2)
```
#680302
```
#680302 rgb(104,3,2)
```
#7b0402
```
#7b0402 rgb(123,4,2)
```
#8e0403
```
#8e0403 rgb(142,4,3)
```
#a10503
```
#a10503 rgb(161,5,3)
```
#b50603
```
#b50603 rgb(181,6,3)
```
#c80604
```
#c80604 rgb(200,6,4)
```
#db0704
```
#db0704 rgb(219,7,4)
```
#ef0704
```
#ef0704 rgb(239,7,4)
```

Shade Color Variation

#fb0f0c
```
#fb0f0c rgb(251,15,12)
```
#fb221f
```
#fb221f rgb(251,34,31)
```
#fb3532
```
#fb3532 rgb(251,53,50)
```
#fc4846
```
#fc4846 rgb(252,72,70)
```
#fc5b59
```
#fc5b59 rgb(252,91,89)
```
#fc6e6c
```
#fc6e6c rgb(252,110,108)
```
#fd817f
```
#fd817f rgb(253,129,127)
```
#fd9493
```
#fd9493 rgb(253,148,147)
```
#fda7a6
```
#fda7a6 rgb(253,167,166)
```
#febab9
```
#febab9 rgb(254,186,185)
```
#fecdcc
```
#fecdcc rgb(254,205,204)
```
#fee0e0
```
#fee0e0 rgb(254,224,224)
```
#fff3f3
```
#fff3f3 rgb(255,243,243)
```

Tint Color Variation

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

#928888
```
#928888 rgb(146,136,136)
```
#9b807f
```
#9b807f rgb(155,128,127)
```
#a37777
```
#a37777 rgb(163,119,119)
```
#ac6f6e
```
#ac6f6e rgb(172,111,110)
```
#b56665
```
#b56665 rgb(181,102,101)
```
#be5e5c
```
#be5e5c rgb(190,94,92)
```
#c65554
```
#c65554 rgb(198,85,84)
```
#cf4d4b
```
#cf4d4b rgb(207,77,75)
```
#d84442
```
#d84442 rgb(216,68,66)
```
#e13c39
```
#e13c39 rgb(225,60,57)
```
#e93331
```
#e93331 rgb(233,51,49)
```
#f22b28
```
#f22b28 rgb(242,43,40)
```
#fb221f
```
#fb221f rgb(251,34,31)
```

Tone Color Variation

Below, you can see how #fb221f 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
#815655 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95873d Protanopia 1% of men
#a98000 Deuteranopia 1% of men
#fb2d2a Tritanopia 0.001% of the population

Trichromacy

#ba6232 Protanomaly 1% of men, 0.01% of women
#c65e0b Deuteranomaly 6% of men, 0.4% of women
#fb2926 Tritanomaly 0.01% of the population

#fb221f hex color

#fb221f Color Information

#fb221f Color Conversion

Color Schemes with #fb221f

Alternatives to #fb221f

#fb221f Preview

Shades and Tints of #fb221f

Tones of #fb221f

Color Blindness Simulator