#f82522 hex color

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

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

● #f82522 color description : Vivid red.

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

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

CIE-LAB	53.385, 74.57, 55.703
XYZ	39.664, 21.4, 3.556
xyY	0.614, 0.331, 21.4
CIE-LCH	53.385, 93.077, 36.759
CIE-LUV	53.385, 159.217, 34.936
Hunter-Lab	46.26, 72.091, 27.825
Binary	11111000, 00100101, 00100010

#f82522
```
#f82522 rgb(248,37,34)
```
#22f5f8
```
#22f5f8 rgb(34,245,248)
```

Complementary Color

#f8228a
```
#f8228a rgb(248,34,138)
```
#f82522
```
#f82522 rgb(248,37,34)
```
#f89022
```
#f89022 rgb(248,144,34)
```

Analogous Color

#228af8
```
#228af8 rgb(34,138,248)
```
#f82522
```
#f82522 rgb(248,37,34)
```
#22f890
```
#22f890 rgb(34,248,144)
```

Split Complementary Color

#2522f8
```
#2522f8 rgb(37,34,248)
```
#f82522
```
#f82522 rgb(248,37,34)
```
#22f825
```
#22f825 rgb(34,248,37)
```

Triadic Color

#f822f5
```
#f822f5 rgb(248,34,245)
```
#f82522
```
#f82522 rgb(248,37,34)
```
#22f825
```
#22f825 rgb(34,248,37)
```
#22f5f8
```
#22f5f8 rgb(34,245,248)
```

Tetradic Color

#c70906
```
#c70906 rgb(199,9,6)
```
#e00a07
```
#e00a07 rgb(224,10,7)
```
#f70d09
```
#f70d09 rgb(247,13,9)
```
#f82522
```
#f82522 rgb(248,37,34)
```
#f93d3b
```
#f93d3b rgb(249,61,59)
```
#fa5653
```
#fa5653 rgb(250,86,83)
```
#fa6e6c
```
#fa6e6c rgb(250,110,108)
```

Monochromatic Color

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

#f82255
```
#f82255 rgb(248,34,85)
```
#f82243
```
#f82243 rgb(248,34,67)
```
#f82231
```
#f82231 rgb(248,34,49)
```
#f82522
```
#f82522 rgb(248,37,34)
```
#f83722
```
#f83722 rgb(248,55,34)
```
#f84922
```
#f84922 rgb(248,73,34)
```
#f85a22
```
#f85a22 rgb(248,90,34)
```

Similar Colors

Text with hexadecimal color #f82522

This text has a font color of #f82522.

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

#f82522 background color

This paragraph has a background color of #f82522.

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

#f82522 border color

This element has a border color of #f82522.

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

CSS codes

.text {color:#f82522;}

.background {background-color:#f82522;}

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

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)
```
#530403
```
#530403 rgb(83,4,3)
```
#660503
```
#660503 rgb(102,5,3)
```
#790504
```
#790504 rgb(121,5,4)
```
#8c0604
```
#8c0604 rgb(140,6,4)
```
#9f0705
```
#9f0705 rgb(159,7,5)
```
#b20806
```
#b20806 rgb(178,8,6)
```
#c50906
```
#c50906 rgb(197,9,6)
```
#d80a07
```
#d80a07 rgb(216,10,7)
```
#eb0b07
```
#eb0b07 rgb(235,11,7)
```

Shade Color Variation

#f7120f
```
#f7120f rgb(247,18,15)
```
#f82522
```
#f82522 rgb(248,37,34)
```
#f93835
```
#f93835 rgb(249,56,53)
```
#f94b48
```
#f94b48 rgb(249,75,72)
```
#fa5d5b
```
#fa5d5b rgb(250,93,91)
```
#fa706e
```
#fa706e rgb(250,112,110)
```
#fb8381
```
#fb8381 rgb(251,131,129)
```
#fc9694
```
#fc9694 rgb(252,150,148)
```
#fca8a7
```
#fca8a7 rgb(252,168,167)
```
#fdbbba
```
#fdbbba rgb(253,187,186)
```
#fdcecd
```
#fdcecd rgb(253,206,205)
```
#fee1e0
```
#fee1e0 rgb(254,225,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 #f82522 is the most saturated one.

#8f8b8b
```
#8f8b8b rgb(143,139,139)
```
#988382
```
#988382 rgb(152,131,130)
```
#a07a7a
```
#a07a7a rgb(160,122,122)
```
#a97271
```
#a97271 rgb(169,114,113)
```
#b26968
```
#b26968 rgb(178,105,104)
```
#bb615f
```
#bb615f rgb(187,97,95)
```
#c35857
```
#c35857 rgb(195,88,87)
```
#cc504e
```
#cc504e rgb(204,80,78)
```
#d54745
```
#d54745 rgb(213,71,69)
```
#de3f3c
```
#de3f3c rgb(222,63,60)
```
#e63634
```
#e63634 rgb(230,54,52)
```
#ef2e2b
```
#ef2e2b rgb(239,46,43)
```
#f82522
```
#f82522 rgb(248,37,34)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#825757 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#f82522 hex color

#f82522 Color Information

#f82522 Color Conversion

Color Schemes with #f82522

Alternatives to #f82522

#f82522 Preview

Shades and Tints of #f82522

Tones of #f82522

Color Blindness Simulator