#f82820 hex color

In a RGB color space, hex #f82820 is composed of 97.3% red, 15.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.9% magenta, 87.1% yellow and 2.7% black. It has a hue angle of 2.2 degrees, a saturation of 93.9% and a lightness of 54.9%. #f82820 color hex could be obtained by blending #ff5040 with #f10000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 97
- G 16
- B 13
RGB color chart
- C 0
- M 84
- Y 87
- K 3
CMYK color chart

● #f82820 color description : Vivid red.

The hexadecimal color #f82820 has RGB values of R:248, G:40, B:32 and CMYK values of C:0, M:0.84, Y:0.87, K:0.03. Its decimal value is 16263200.

Hex triplet	f82820	`#f82820`
RGB Decimal	248, 40, 32	`rgb(248,40,32)`
RGB Percent	97.3, 15.7, 12.5	`rgb(97.3%,15.7%,12.5%)`
CMYK	0, 84, 87, 3
HSL	2.2°, 93.9, 54.9	`hsl(2.2,93.9%,54.9%)`
HSV (or HSB)	2.2°, 87.1, 97.3
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.582, 73.936, 56.741
XYZ	39.733, 21.583, 3.44
xyY	0.614, 0.333, 21.583
CIE-LCH	53.582, 93.199, 37.504
CIE-LUV	53.582, 158.353, 35.749
Hunter-Lab	46.458, 71.36, 28.13
Binary	11111000, 00101000, 00100000

#f82820
```
#f82820 rgb(248,40,32)
```
#20f0f8
```
#20f0f8 rgb(32,240,248)
```

Complementary Color

#f82084
```
#f82084 rgb(248,32,132)
```
#f82820
```
#f82820 rgb(248,40,32)
```
#f89420
```
#f89420 rgb(248,148,32)
```

Analogous Color

#2084f8
```
#2084f8 rgb(32,132,248)
```
#f82820
```
#f82820 rgb(248,40,32)
```
#20f894
```
#20f894 rgb(32,248,148)
```

Split Complementary Color

#2820f8
```
#2820f8 rgb(40,32,248)
```
#f82820
```
#f82820 rgb(248,40,32)
```
#20f828
```
#20f828 rgb(32,248,40)
```

Triadic Color

#f820f0
```
#f820f0 rgb(248,32,240)
```
#f82820
```
#f82820 rgb(248,40,32)
```
#20f828
```
#20f828 rgb(32,248,40)
```
#20f0f8
```
#20f0f8 rgb(32,240,248)
```

Tetradic Color

#c50d06
```
#c50d06 rgb(197,13,6)
```
#de0f07
```
#de0f07 rgb(222,15,7)
```
#f71108
```
#f71108 rgb(247,17,8)
```
#f82820
```
#f82820 rgb(248,40,32)
```
#f94039
```
#f94039 rgb(249,64,57)
```
#fa5851
```
#fa5851 rgb(250,88,81)
```
#fa706a
```
#fa706a rgb(250,112,106)
```

Monochromatic Color

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

#f8204e
```
#f8204e rgb(248,32,78)
```
#f8203c
```
#f8203c rgb(248,32,60)
```
#f8202a
```
#f8202a rgb(248,32,42)
```
#f82820
```
#f82820 rgb(248,40,32)
```
#f83a20
```
#f83a20 rgb(248,58,32)
```
#f84c20
```
#f84c20 rgb(248,76,32)
```
#f85e20
```
#f85e20 rgb(248,94,32)
```

Similar Colors

Text with hexadecimal color #f82820

This text has a font color of #f82820.

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

#f82820 background color

This paragraph has a background color of #f82820.

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

#f82820 border color

This element has a border color of #f82820.

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

CSS codes

.text {color:#f82820;}

.background {background-color:#f82820;}

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

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

#050000
```
#050000 rgb(5,0,0)
```
#180201
```
#180201 rgb(24,2,1)
```
#2b0301
```
#2b0301 rgb(43,3,1)
```
#3e0402
```
#3e0402 rgb(62,4,2)
```
#510503
```
#510503 rgb(81,5,3)
```
#640703
```
#640703 rgb(100,7,3)
```
#770804
```
#770804 rgb(119,8,4)
```
#8a0904
```
#8a0904 rgb(138,9,4)
```
#9d0b05
```
#9d0b05 rgb(157,11,5)
```
#b00c06
```
#b00c06 rgb(176,12,6)
```
#c30d06
```
#c30d06 rgb(195,13,6)
```
#d60e07
```
#d60e07 rgb(214,14,7)
```
#e91007
```
#e91007 rgb(233,16,7)
```

Shade Color Variation

#f7160d
```
#f7160d rgb(247,22,13)
```
#f82820
```
#f82820 rgb(248,40,32)
```
#f93a33
```
#f93a33 rgb(249,58,51)
```
#f94d46
```
#f94d46 rgb(249,77,70)
```
#fa5f59
```
#fa5f59 rgb(250,95,89)
```
#fa716c
```
#fa716c rgb(250,113,108)
```
#fb847f
```
#fb847f rgb(251,132,127)
```
#fc9692
```
#fc9692 rgb(252,150,146)
```
#fca8a5
```
#fca8a5 rgb(252,168,165)
```
#fdbbb8
```
#fdbbb8 rgb(253,187,184)
```
#fdcdcb
```
#fdcdcb rgb(253,205,203)
```
#fedfde
```
#fedfde rgb(254,223,222)
```
#fff2f1
```
#fff2f1 rgb(255,242,241)
```

Tint Color Variation

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

#8e8a8a
```
#8e8a8a rgb(142,138,138)
```
#978281
```
#978281 rgb(151,130,129)
```
#a07a78
```
#a07a78 rgb(160,122,120)
```
#a87270
```
#a87270 rgb(168,114,112)
```
#b16a67
```
#b16a67 rgb(177,106,103)
```
#ba615e
```
#ba615e rgb(186,97,94)
```
#c35955
```
#c35955 rgb(195,89,85)
```
#cc514c
```
#cc514c rgb(204,81,76)
```
#d54943
```
#d54943 rgb(213,73,67)
```
#dd413b
```
#dd413b rgb(221,65,59)
```
#e63832
```
#e63832 rgb(230,56,50)
```
#ef3029
```
#ef3029 rgb(239,48,41)
```
#f82820
```
#f82820 rgb(248,40,32)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#825957 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95863e Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#f83231 Tritanopia 0.001% of the population

Trichromacy

#b96433 Protanomaly 1% of men, 0.01% of women
#c5600b Deuteranomaly 6% of men, 0.4% of women
#f82e2a Tritanomaly 0.01% of the population

#f82820 hex color

#f82820 Color Information

#f82820 Color Conversion

Color Schemes with #f82820

Alternatives to #f82820

#f82820 Preview

Shades and Tints of #f82820

Tones of #f82820

Color Blindness Simulator