#f22a05 hex color

In a RGB color space, hex #f22a05 is composed of 94.9% red, 16.5% green and 2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.6% magenta, 97.9% yellow and 5.1% black. It has a hue angle of 9.4 degrees, a saturation of 96% and a lightness of 48.4%. #f22a05 color hex could be obtained by blending #ff540a with #e50000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 95
- G 16
- B 2
RGB color chart
- C 0
- M 83
- Y 98
- K 5
CMYK color chart

● #f22a05 color description : Vivid red.

The hexadecimal color #f22a05 has RGB values of R:242, G:42, B:5 and CMYK values of C:0, M:0.83, Y:0.98, K:0.05. Its decimal value is 15870469.

Hex triplet	f22a05	`#f22a05`
RGB Decimal	242, 42, 5	`rgb(242,42,5)`
RGB Percent	94.9, 16.5, 2	`rgb(94.9%,16.5%,2%)`
CMYK	0, 83, 98, 5
HSL	9.4°, 96, 48.4	`hsl(9.4,96%,48.4%)`
HSV (or HSB)	9.4°, 97.9, 94.9
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.452, 71.586, 64.075
XYZ	37.475, 20.549, 2.137
xyY	0.623, 0.342, 20.549
CIE-LCH	52.452, 96.074, 41.831
CIE-LUV	52.452, 155.381, 38.788
Hunter-Lab	45.331, 68.238, 28.937
Binary	11110010, 00101010, 00000101

#f22a05
```
#f22a05 rgb(242,42,5)
```
#05cdf2
```
#05cdf2 rgb(5,205,242)
```

Complementary Color

#f20557
```
#f20557 rgb(242,5,87)
```
#f22a05
```
#f22a05 rgb(242,42,5)
```
#f2a105
```
#f2a105 rgb(242,161,5)
```

Analogous Color

#0557f2
```
#0557f2 rgb(5,87,242)
```
#f22a05
```
#f22a05 rgb(242,42,5)
```
#05f2a1
```
#05f2a1 rgb(5,242,161)
```

Split Complementary Color

#2a05f2
```
#2a05f2 rgb(42,5,242)
```
#f22a05
```
#f22a05 rgb(242,42,5)
```
#05f22a
```
#05f22a rgb(5,242,42)
```

Triadic Color

#f205cd
```
#f205cd rgb(242,5,205)
```
#f22a05
```
#f22a05 rgb(242,42,5)
```
#05f22a
```
#05f22a rgb(5,242,42)
```
#05cdf2
```
#05cdf2 rgb(5,205,242)
```

Tetradic Color

#a71d03
```
#a71d03 rgb(167,29,3)
```
#c02104
```
#c02104 rgb(192,33,4)
```
#d92604
```
#d92604 rgb(217,38,4)
```
#f22a05
```
#f22a05 rgb(242,42,5)
```
#fa3a16
```
#fa3a16 rgb(250,58,22)
```
#fb4f2f
```
#fb4f2f rgb(251,79,47)
```
#fb6448
```
#fb6448 rgb(251,100,72)
```

Monochromatic Color

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

#f2051b
```
#f2051b rgb(242,5,27)
```
#f20508
```
#f20508 rgb(242,5,8)
```
#f21605
```
#f21605 rgb(242,22,5)
```
#f22a05
```
#f22a05 rgb(242,42,5)
```
#f23e05
```
#f23e05 rgb(242,62,5)
```
#f25105
```
#f25105 rgb(242,81,5)
```
#f26505
```
#f26505 rgb(242,101,5)
```

Similar Colors

Text with hexadecimal color #f22a05

This text has a font color of #f22a05.

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

#f22a05 background color

This paragraph has a background color of #f22a05.

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

#f22a05 border color

This element has a border color of #f22a05.

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

CSS codes

.text {color:#f22a05;}

.background {background-color:#f22a05;}

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

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

#0b0200
```
#0b0200 rgb(11,2,0)
```
#1f0501
```
#1f0501 rgb(31,5,1)
```
#320901
```
#320901 rgb(50,9,1)
```
#450c01
```
#450c01 rgb(69,12,1)
```
#580f02
```
#580f02 rgb(88,15,2)
```
#6b1302
```
#6b1302 rgb(107,19,2)
```
#7f1603
```
#7f1603 rgb(127,22,3)
```
#921903
```
#921903 rgb(146,25,3)
```
#a51d03
```
#a51d03 rgb(165,29,3)
```
#b82004
```
#b82004 rgb(184,32,4)
```
#cc2304
```
#cc2304 rgb(204,35,4)
```
#df2705
```
#df2705 rgb(223,39,5)
```
#f22a05
```
#f22a05 rgb(242,42,5)
```

Shade Color Variation

#fa3511
```
#fa3511 rgb(250,53,17)
```
#fa4524
```
#fa4524 rgb(250,69,36)
```
#fb5637
```
#fb5637 rgb(251,86,55)
```
#fb664a
```
#fb664a rgb(251,102,74)
```
#fc765d
```
#fc765d rgb(252,118,93)
```
#fc8671
```
#fc8671 rgb(252,134,113)
```
#fc9784
```
#fc9784 rgb(252,151,132)
```
#fda797
```
#fda797 rgb(253,167,151)
```
#fdb7aa
```
#fdb7aa rgb(253,183,170)
```
#fec8be
```
#fec8be rgb(254,200,190)
```
#fed8d1
```
#fed8d1 rgb(254,216,209)
```
#fee8e4
```
#fee8e4 rgb(254,232,228)
```
#fff8f7
```
#fff8f7 rgb(255,248,247)
```

Tint Color Variation

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

#807877
```
#807877 rgb(128,120,119)
```
#8a726e
```
#8a726e rgb(138,114,110)
```
#936b64
```
#936b64 rgb(147,107,100)
```
#9d655b
```
#9d655b rgb(157,101,91)
```
#a65e51
```
#a65e51 rgb(166,94,81)
```
#b05848
```
#b05848 rgb(176,88,72)
```
#b9513e
```
#b9513e rgb(185,81,62)
```
#c34b35
```
#c34b35 rgb(195,75,53)
```
#cc442b
```
#cc442b rgb(204,68,43)
```
#d63e22
```
#d63e22 rgb(214,62,34)
```
#df3718
```
#df3718 rgb(223,55,24)
```
#e9310f
```
#e9310f rgb(233,49,15)
```
#f22a05
```
#f22a05 rgb(242,42,5)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7f574f Atypical Achromatopsia 0.001% of the population

Dichromacy

#938424 Protanopia 1% of men
#a47d00 Deuteranopia 1% of men
#f33231 Tritanopia 0.001% of the population

Trichromacy

#b56319 Protanomaly 1% of men, 0.01% of women
#c05f01 Deuteranomaly 6% of men, 0.4% of women
#f22f21 Tritanomaly 0.01% of the population

#f22a05 hex color

#f22a05 Color Information

#f22a05 Color Conversion

Color Schemes with #f22a05

Alternatives to #f22a05

#f22a05 Preview

Shades and Tints of #f22a05

Tones of #f22a05

Color Blindness Simulator