#f82422 hex color

In a RGB color space, hex #f82422 is composed of 97.3% red, 14.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.5% magenta, 86.3% yellow and 2.7% black. It has a hue angle of 0.6 degrees, a saturation of 93.9% and a lightness of 55.3%. #f82422 color hex could be obtained by blending #ff4844 with #f10000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 97
- G 14
- B 13
RGB color chart
- C 0
- M 85
- Y 86
- K 3
CMYK color chart

● #f82422 color description : Vivid red.

The hexadecimal color #f82422 has RGB values of R:248, G:36, B:34 and CMYK values of C:0, M:0.85, Y:0.86, K:0.03. Its decimal value is 16262178.

Hex triplet	f82422	`#f82422`
RGB Decimal	248, 36, 34	`rgb(248,36,34)`
RGB Percent	97.3, 14.1, 13.3	`rgb(97.3%,14.1%,13.3%)`
CMYK	0, 85, 86, 3
HSL	0.6°, 93.9, 55.3	`hsl(0.6,93.9%,55.3%)`
HSV (or HSB)	0.6°, 86.3, 97.3
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.318, 74.759, 55.649
XYZ	39.633, 21.339, 3.545
xyY	0.614, 0.331, 21.339
CIE-LCH	53.318, 93.198, 36.663
CIE-LUV	53.318, 159.574, 34.812
Hunter-Lab	46.194, 72.308, 27.785
Binary	11111000, 00100100, 00100010

#f82422
```
#f82422 rgb(248,36,34)
```
#22f6f8
```
#22f6f8 rgb(34,246,248)
```

Complementary Color

#f8228b
```
#f8228b rgb(248,34,139)
```
#f82422
```
#f82422 rgb(248,36,34)
```
#f88f22
```
#f88f22 rgb(248,143,34)
```

Analogous Color

#228bf8
```
#228bf8 rgb(34,139,248)
```
#f82422
```
#f82422 rgb(248,36,34)
```
#22f88f
```
#22f88f rgb(34,248,143)
```

Split Complementary Color

#2422f8
```
#2422f8 rgb(36,34,248)
```
#f82422
```
#f82422 rgb(248,36,34)
```
#22f824
```
#22f824 rgb(34,248,36)
```

Triadic Color

#f822f6
```
#f822f6 rgb(248,34,246)
```
#f82422
```
#f82422 rgb(248,36,34)
```
#22f824
```
#22f824 rgb(34,248,36)
```
#22f6f8
```
#22f6f8 rgb(34,246,248)
```

Tetradic Color

#c70806
```
#c70806 rgb(199,8,6)
```
#e00907
```
#e00907 rgb(224,9,7)
```
#f70c09
```
#f70c09 rgb(247,12,9)
```
#f82422
```
#f82422 rgb(248,36,34)
```
#f93c3b
```
#f93c3b rgb(249,60,59)
```
#fa5553
```
#fa5553 rgb(250,85,83)
```
#fa6d6c
```
#fa6d6c rgb(250,109,108)
```

Monochromatic Color

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

#f82256
```
#f82256 rgb(248,34,86)
```
#f82244
```
#f82244 rgb(248,34,68)
```
#f82232
```
#f82232 rgb(248,34,50)
```
#f82422
```
#f82422 rgb(248,36,34)
```
#f83622
```
#f83622 rgb(248,54,34)
```
#f84822
```
#f84822 rgb(248,72,34)
```
#f85922
```
#f85922 rgb(248,89,34)
```

Similar Colors

Text with hexadecimal color #f82422

This text has a font color of #f82422.

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

#f82422 background color

This paragraph has a background color of #f82422.

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

#f82422 border color

This element has a border color of #f82422.

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

CSS codes

.text {color:#f82422;}

.background {background-color:#f82422;}

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

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)
```
#1a0101
```
#1a0101 rgb(26,1,1)
```
#2d0201
```
#2d0201 rgb(45,2,1)
```
#400302
```
#400302 rgb(64,3,2)
```
#530303
```
#530303 rgb(83,3,3)
```
#660403
```
#660403 rgb(102,4,3)
```
#790504
```
#790504 rgb(121,5,4)
```
#8c0604
```
#8c0604 rgb(140,6,4)
```
#9f0605
```
#9f0605 rgb(159,6,5)
```
#b20706
```
#b20706 rgb(178,7,6)
```
#c50806
```
#c50806 rgb(197,8,6)
```
#d80907
```
#d80907 rgb(216,9,7)
```
#eb0a07
```
#eb0a07 rgb(235,10,7)
```

Shade Color Variation

#f7110f
```
#f7110f rgb(247,17,15)
```
#f82422
```
#f82422 rgb(248,36,34)
```
#f93735
```
#f93735 rgb(249,55,53)
```
#f94a48
```
#f94a48 rgb(249,74,72)
```
#fa5d5b
```
#fa5d5b rgb(250,93,91)
```
#fa6f6e
```
#fa6f6e rgb(250,111,110)
```
#fb8281
```
#fb8281 rgb(251,130,129)
```
#fc9594
```
#fc9594 rgb(252,149,148)
```
#fca8a7
```
#fca8a7 rgb(252,168,167)
```
#fdbbba
```
#fdbbba rgb(253,187,186)
```
#fdcecd
```
#fdcecd rgb(253,206,205)
```
#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, #8f8b8b is the less saturated color, while #f82422 is the most saturated one.

#8f8b8b
```
#8f8b8b rgb(143,139,139)
```
#988382
```
#988382 rgb(152,131,130)
```
#a07a7a
```
#a07a7a rgb(160,122,122)
```
#a97171
```
#a97171 rgb(169,113,113)
```
#b26968
```
#b26968 rgb(178,105,104)
```
#bb605f
```
#bb605f rgb(187,96,95)
```
#c35857
```
#c35857 rgb(195,88,87)
```
#cc4f4e
```
#cc4f4e rgb(204,79,78)
```
#d54645
```
#d54645 rgb(213,70,69)
```
#de3e3c
```
#de3e3c rgb(222,62,60)
```
#e63534
```
#e63534 rgb(230,53,52)
```
#ef2d2b
```
#ef2d2b rgb(239,45,43)
```
#f82422
```
#f82422 rgb(248,36,34)
```

Tone Color Variation

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

Dichromacy

#948640 Protanopia 1% of men
#a77f08 Deuteranopia 1% of men
#f82f2d Tritanopia 0.001% of the population

Trichromacy

#b86235 Protanomaly 1% of men, 0.01% of women
#c45e11 Deuteranomaly 6% of men, 0.4% of women
#f82b29 Tritanomaly 0.01% of the population

#f82422 hex color

#f82422 Color Information

#f82422 Color Conversion

Color Schemes with #f82422

Alternatives to #f82422

#f82422 Preview

Shades and Tints of #f82422

Tones of #f82422

Color Blindness Simulator