#fa220f hex color

In a RGB color space, hex #fa220f is composed of 98% red, 13.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.4% magenta, 94% yellow and 2% black. It has a hue angle of 4.9 degrees, a saturation of 95.9% and a lightness of 52%. #fa220f color hex could be obtained by blending #ff441e with #f50000. Closest websafe color is: #ff3300.

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

● #fa220f color description : Vivid red.

The hexadecimal color #fa220f has RGB values of R:250, G:34, B:15 and CMYK values of C:0, M:0.86, Y:0.94, K:0.02. Its decimal value is 16392719.

Hex triplet	fa220f	`#fa220f`
RGB Decimal	250, 34, 15	`rgb(250,34,15)`
RGB Percent	98, 13.3, 5.9	`rgb(98%,13.3%,5.9%)`
CMYK	0, 86, 94, 2
HSL	4.9°, 95.9, 52	`hsl(4.9,95.9%,52%)`
HSV (or HSB)	4.9°, 94, 98
Web Safe	ff3300	`#ff3300`

CIE-LAB	53.501, 75.386, 63.039
XYZ	40.085, 21.508, 2.493
xyY	0.625, 0.336, 21.508
CIE-LCH	53.501, 98.27, 39.903
CIE-LUV	53.501, 163.653, 37.955
Hunter-Lab	46.377, 73.125, 29.277
Binary	11111010, 00100010, 00001111

#fa220f
```
#fa220f rgb(250,34,15)
```
#0fe7fa
```
#0fe7fa rgb(15,231,250)
```

Complementary Color

#fa0f72
```
#fa0f72 rgb(250,15,114)
```
#fa220f
```
#fa220f rgb(250,34,15)
```
#fa980f
```
#fa980f rgb(250,152,15)
```

Analogous Color

#0f72fa
```
#0f72fa rgb(15,114,250)
```
#fa220f
```
#fa220f rgb(250,34,15)
```
#0ffa98
```
#0ffa98 rgb(15,250,152)
```

Split Complementary Color

#220ffa
```
#220ffa rgb(34,15,250)
```
#fa220f
```
#fa220f rgb(250,34,15)
```
#0ffa22
```
#0ffa22 rgb(15,250,34)
```

Triadic Color

#fa0fe7
```
#fa0fe7 rgb(250,15,231)
```
#fa220f
```
#fa220f rgb(250,34,15)
```
#0ffa22
```
#0ffa22 rgb(15,250,34)
```
#0fe7fa
```
#0fe7fa rgb(15,231,250)
```

Tetradic Color

#b91204
```
#b91204 rgb(185,18,4)
```
#d21504
```
#d21504 rgb(210,21,4)
```
#eb1705
```
#eb1705 rgb(235,23,5)
```
#fa220f
```
#fa220f rgb(250,34,15)
```
#fb3928
```
#fb3928 rgb(251,57,40)
```
#fb5041
```
#fb5041 rgb(251,80,65)
```
#fc675a
```
#fc675a rgb(252,103,90)
```

Monochromatic Color

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

#fa0f37
```
#fa0f37 rgb(250,15,55)
```
#fa0f23
```
#fa0f23 rgb(250,15,35)
```
#fa0f10
```
#fa0f10 rgb(250,15,16)
```
#fa220f
```
#fa220f rgb(250,34,15)
```
#fa360f
```
#fa360f rgb(250,54,15)
```
#fa490f
```
#fa490f rgb(250,73,15)
```
#fa5d0f
```
#fa5d0f rgb(250,93,15)
```

Similar Colors

Text with hexadecimal color #fa220f

This text has a font color of #fa220f.

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

#fa220f background color

This paragraph has a background color of #fa220f.

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

#fa220f border color

This element has a border color of #fa220f.

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

CSS codes

.text {color:#fa220f;}

.background {background-color:#fa220f;}

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

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

#0a0100
```
#0a0100 rgb(10,1,0)
```
#1d0301
```
#1d0301 rgb(29,3,1)
```
#300501
```
#300501 rgb(48,5,1)
```
#430701
```
#430701 rgb(67,7,1)
```
#570902
```
#570902 rgb(87,9,2)
```
#6a0b02
```
#6a0b02 rgb(106,11,2)
```
#7d0d03
```
#7d0d03 rgb(125,13,3)
```
#900e03
```
#900e03 rgb(144,14,3)
```
#a41003
```
#a41003 rgb(164,16,3)
```
#b71204
```
#b71204 rgb(183,18,4)
```
#ca1404
```
#ca1404 rgb(202,20,4)
```
#dd1605
```
#dd1605 rgb(221,22,5)
```
#f01805
```
#f01805 rgb(240,24,5)
```

Shade Color Variation

#fa220f
```
#fa220f rgb(250,34,15)
```
#fa3422
```
#fa3422 rgb(250,52,34)
```
#fb4535
```
#fb4535 rgb(251,69,53)
```
#fb5749
```
#fb5749 rgb(251,87,73)
```
#fc695c
```
#fc695c rgb(252,105,92)
```
#fc7a6f
```
#fc7a6f rgb(252,122,111)
```
#fc8c82
```
#fc8c82 rgb(252,140,130)
```
#fd9e96
```
#fd9e96 rgb(253,158,150)
```
#fdb0a9
```
#fdb0a9 rgb(253,176,169)
```
#fec1bc
```
#fec1bc rgb(254,193,188)
```
#fed3cf
```
#fed3cf rgb(254,211,207)
```
#fee5e2
```
#fee5e2 rgb(254,229,226)
```
#fff6f6
```
#fff6f6 rgb(255,246,246)
```

Tint Color Variation

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

#898180
```
#898180 rgb(137,129,128)
```
#927977
```
#927977 rgb(146,121,119)
```
#9c716d
```
#9c716d rgb(156,113,109)
```
#a56964
```
#a56964 rgb(165,105,100)
```
#af615a
```
#af615a rgb(175,97,90)
```
#b85951
```
#b85951 rgb(184,89,81)
```
#c15148
```
#c15148 rgb(193,81,72)
```
#cb493e
```
#cb493e rgb(203,73,62)
```
#d44235
```
#d44235 rgb(212,66,53)
```
#de3a2b
```
#de3a2b rgb(222,58,43)
```
#e73222
```
#e73222 rgb(231,50,34)
```
#f12a18
```
#f12a18 rgb(241,42,24)
```
#fa220f
```
#fa220f rgb(250,34,15)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#7f5450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95862e Protanopia 1% of men
#a78000 Deuteranopia 1% of men
#fa2c29 Tritanopia 0.001% of the population

Trichromacy

#ba6222 Protanomaly 1% of men, 0.01% of women
#c55d05 Deuteranomaly 6% of men, 0.4% of women
#fa281f Tritanomaly 0.01% of the population

#fa220f hex color

#fa220f Color Information

#fa220f Color Conversion

Color Schemes with #fa220f

Alternatives to #fa220f

#fa220f Preview

Shades and Tints of #fa220f

Tones of #fa220f

Color Blindness Simulator