#f22800 hex color

In a RGB color space, hex #f22800 is composed of 94.9% red, 15.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.5% magenta, 100% yellow and 5.1% black. It has a hue angle of 9.9 degrees, a saturation of 100% and a lightness of 47.5%. #f22800 color hex could be obtained by blending #ff5000 with #e50000. Closest websafe color is: #ff3300.

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

● #f22800 color description : Pure (or mostly pure) red.

The hexadecimal color #f22800 has RGB values of R:242, G:40, B:0 and CMYK values of C:0, M:0.83, Y:1, K:0.05. Its decimal value is 15869952.

Hex triplet	f22800	`#f22800`
RGB Decimal	242, 40, 0	`rgb(242,40,0)`
RGB Percent	94.9, 15.7, 0	`rgb(94.9%,15.7%,0%)`
CMYK	0, 83, 100, 5
HSL	9.9°, 100, 47.5	`hsl(9.9,100%,47.5%)`
HSV (or HSB)	9.9°, 100, 94.9
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.286, 71.987, 65.235
XYZ	37.379, 20.4, 1.969
xyY	0.626, 0.341, 20.4
CIE-LCH	52.286, 97.148, 42.183
CIE-LUV	52.286, 156.488, 38.951
Hunter-Lab	45.166, 68.684, 29.031
Binary	11110010, 00101000, 00000000

#f22800
```
#f22800 rgb(242,40,0)
```
#00caf2
```
#00caf2 rgb(0,202,242)
```

Complementary Color

#f20051
```
#f20051 rgb(242,0,81)
```
#f22800
```
#f22800 rgb(242,40,0)
```
#f2a100
```
#f2a100 rgb(242,161,0)
```

Analogous Color

#0051f2
```
#0051f2 rgb(0,81,242)
```
#f22800
```
#f22800 rgb(242,40,0)
```
#00f2a1
```
#00f2a1 rgb(0,242,161)
```

Split Complementary Color

#2800f2
```
#2800f2 rgb(40,0,242)
```
#f22800
```
#f22800 rgb(242,40,0)
```
#00f228
```
#00f228 rgb(0,242,40)
```

Triadic Color

#f200ca
```
#f200ca rgb(242,0,202)
```
#f22800
```
#f22800 rgb(242,40,0)
```
#00f228
```
#00f228 rgb(0,242,40)
```
#00caf2
```
#00caf2 rgb(0,202,242)
```

Tetradic Color

#a61b00
```
#a61b00 rgb(166,27,0)
```
#bf2000
```
#bf2000 rgb(191,32,0)
```
#d92400
```
#d92400 rgb(217,36,0)
```
#f22800
```
#f22800 rgb(242,40,0)
```
#ff350d
```
#ff350d rgb(255,53,13)
```
#ff4a26
```
#ff4a26 rgb(255,74,38)
```
#ff5f40
```
#ff5f40 rgb(255,95,64)
```

Monochromatic Color

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

#f20015
```
#f20015 rgb(242,0,21)
```
#f20000
```
#f20000 rgb(242,0,0)
```
#f21400
```
#f21400 rgb(242,20,0)
```
#f22800
```
#f22800 rgb(242,40,0)
```
#f23c00
```
#f23c00 rgb(242,60,0)
```
#f25000
```
#f25000 rgb(242,80,0)
```
#f26500
```
#f26500 rgb(242,101,0)
```

Similar Colors

Text with hexadecimal color #f22800

This text has a font color of #f22800.

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

#f22800 background color

This paragraph has a background color of #f22800.

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

#f22800 border color

This element has a border color of #f22800.

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

CSS codes

.text {color:#f22800;}

.background {background-color:#f22800;}

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

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

#070100
```
#070100 rgb(7,1,0)
```
#1a0400
```
#1a0400 rgb(26,4,0)
```
#2e0800
```
#2e0800 rgb(46,8,0)
```
#410b00
```
#410b00 rgb(65,11,0)
```
#550e00
```
#550e00 rgb(85,14,0)
```
#691100
```
#691100 rgb(105,17,0)
```
#7c1500
```
#7c1500 rgb(124,21,0)
```
#901800
```
#901800 rgb(144,24,0)
```
#a41b00
```
#a41b00 rgb(164,27,0)
```
#b71e00
```
#b71e00 rgb(183,30,0)
```
#cb2200
```
#cb2200 rgb(203,34,0)
```
#de2500
```
#de2500 rgb(222,37,0)
```
#f22800
```
#f22800 rgb(242,40,0)
```

Shade Color Variation

#ff3007
```
#ff3007 rgb(255,48,7)
```
#ff401a
```
#ff401a rgb(255,64,26)
```
#ff502e
```
#ff502e rgb(255,80,46)
```
#ff6141
```
#ff6141 rgb(255,97,65)
```
#ff7155
```
#ff7155 rgb(255,113,85)
```
#ff8269
```
#ff8269 rgb(255,130,105)
```
#ff927c
```
#ff927c rgb(255,146,124)
```
#ffa290
```
#ffa290 rgb(255,162,144)
```
#ffb3a4
```
#ffb3a4 rgb(255,179,164)
```
#ffc3b7
```
#ffc3b7 rgb(255,195,183)
```
#ffd3cb
```
#ffd3cb rgb(255,211,203)
```
#ffe4de
```
#ffe4de rgb(255,228,222)
```
#fff4f2
```
#fff4f2 rgb(255,244,242)
```

Tint Color Variation

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

#827370
```
#827370 rgb(130,115,112)
```
#8c6d66
```
#8c6d66 rgb(140,109,102)
```
#95665d
```
#95665d rgb(149,102,93)
```
#9e6054
```
#9e6054 rgb(158,96,84)
```
#a85a4a
```
#a85a4a rgb(168,90,74)
```
#b15441
```
#b15441 rgb(177,84,65)
```
#ba4d38
```
#ba4d38 rgb(186,77,56)
```
#c3472f
```
#c3472f rgb(195,71,47)
```
#cd4125
```
#cd4125 rgb(205,65,37)
```
#d63b1c
```
#d63b1c rgb(214,59,28)
```
#df3413
```
#df3413 rgb(223,52,19)
```
#e92e09
```
#e92e09 rgb(233,46,9)
```
#f22800
```
#f22800 rgb(242,40,0)
```

Tone Color Variation

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

Dichromacy

#93831f Protanopia 1% of men
#a47d00 Deuteranopia 1% of men
#f3302f Tritanopia 0.001% of the population

Trichromacy

#b56214 Protanomaly 1% of men, 0.01% of women
#c05e00 Deuteranomaly 6% of men, 0.4% of women
#f22d1d Tritanomaly 0.01% of the population

#f22800 hex color

#f22800 Color Information

#f22800 Color Conversion

Color Schemes with #f22800

Alternatives to #f22800

#f22800 Preview

Shades and Tints of #f22800

Tones of #f22800

Color Blindness Simulator