#f30821 hex color

In a RGB color space, hex #f30821 is composed of 95.3% red, 3.1% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.7% magenta, 86.4% yellow and 4.7% black. It has a hue angle of 353.6 degrees, a saturation of 93.6% and a lightness of 49.2%. #f30821 color hex could be obtained by blending #ff1042 with #e70000. Closest websafe color is: #ff0033.

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

● #f30821 color description : Vivid red.

The hexadecimal color #f30821 has RGB values of R:243, G:8, B:33 and CMYK values of C:0, M:0.97, Y:0.86, K:0.05. Its decimal value is 15927329.

Hex triplet	f30821	`#f30821`
RGB Decimal	243, 8, 33	`rgb(243,8,33)`
RGB Percent	95.3, 3.1, 12.9	`rgb(95.3%,3.1%,12.9%)`
CMYK	0, 97, 86, 5
HSL	353.6°, 93.6, 49.2	`hsl(353.6,93.6%,49.2%)`
HSV (or HSB)	353.6°, 96.7, 95.3
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.086, 76.985, 53.9
XYZ	37.326, 19.343, 3.207
xyY	0.623, 0.323, 19.343
CIE-LCH	51.086, 93.979, 34.997
CIE-LUV	51.086, 162.756, 31.946
Hunter-Lab	43.981, 74.523, 26.463
Binary	11110011, 00001000, 00100001

#f30821
```
#f30821 rgb(243,8,33)
```
#08f3da
```
#08f3da rgb(8,243,218)
```

Complementary Color

#f30897
```
#f30897 rgb(243,8,151)
```
#f30821
```
#f30821 rgb(243,8,33)
```
#f36508
```
#f36508 rgb(243,101,8)
```

Analogous Color

#0897f3
```
#0897f3 rgb(8,151,243)
```
#f30821
```
#f30821 rgb(243,8,33)
```
#08f365
```
#08f365 rgb(8,243,101)
```

Split Complementary Color

#0821f3
```
#0821f3 rgb(8,33,243)
```
#f30821
```
#f30821 rgb(243,8,33)
```
#21f308
```
#21f308 rgb(33,243,8)
```

Triadic Color

#da08f3
```
#da08f3 rgb(218,8,243)
```
#f30821
```
#f30821 rgb(243,8,33)
```
#21f308
```
#21f308 rgb(33,243,8)
```
#08f3da
```
#08f3da rgb(8,243,218)
```

Tetradic Color

#a90617
```
#a90617 rgb(169,6,23)
```
#c2061a
```
#c2061a rgb(194,6,26)
```
#da071e
```
#da071e rgb(218,7,30)
```
#f30821
```
#f30821 rgb(243,8,33)
```
#f81d34
```
#f81d34 rgb(248,29,52)
```
#f8364a
```
#f8364a rgb(248,54,74)
```
#f94e60
```
#f94e60 rgb(249,78,96)
```

Monochromatic Color

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

#f3085c
```
#f3085c rgb(243,8,92)
```
#f30848
```
#f30848 rgb(243,8,72)
```
#f30835
```
#f30835 rgb(243,8,53)
```
#f30821
```
#f30821 rgb(243,8,33)
```
#f3080d
```
#f3080d rgb(243,8,13)
```
#f31608
```
#f31608 rgb(243,22,8)
```
#f32a08
```
#f32a08 rgb(243,42,8)
```

Similar Colors

Text with hexadecimal color #f30821

This text has a font color of #f30821.

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

#f30821 background color

This paragraph has a background color of #f30821.

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

#f30821 border color

This element has a border color of #f30821.

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

CSS codes

.text {color:#f30821;}

.background {background-color:#f30821;}

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

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

#0f0002
```
#0f0002 rgb(15,0,2)
```
#220105
```
#220105 rgb(34,1,5)
```
#350207
```
#350207 rgb(53,2,7)
```
#48020a
```
#48020a rgb(72,2,10)
```
#5b030c
```
#5b030c rgb(91,3,12)
```
#6e040f
```
#6e040f rgb(110,4,15)
```
#810412
```
#810412 rgb(129,4,18)
```
#940514
```
#940514 rgb(148,5,20)
```
#a70517
```
#a70517 rgb(167,5,23)
```
#ba0619
```
#ba0619 rgb(186,6,25)
```
#cd071c
```
#cd071c rgb(205,7,28)
```
#e0071e
```
#e0071e rgb(224,7,30)
```
#f30821
```
#f30821 rgb(243,8,33)
```

Shade Color Variation

#f7172f
```
#f7172f rgb(247,23,47)
```
#f82a40
```
#f82a40 rgb(248,42,64)
```
#f93d51
```
#f93d51 rgb(249,61,81)
```
#f95062
```
#f95062 rgb(249,80,98)
```
#fa6373
```
#fa6373 rgb(250,99,115)
```
#fa7684
```
#fa7684 rgb(250,118,132)
```
#fb8995
```
#fb8995 rgb(251,137,149)
```
#fc9ca6
```
#fc9ca6 rgb(252,156,166)
```
#fcafb7
```
#fcafb7 rgb(252,175,183)
```
#fdc2c8
```
#fdc2c8 rgb(253,194,200)
```
#fed5d9
```
#fed5d9 rgb(254,213,217)
```
#fee8ea
```
#fee8ea rgb(254,232,234)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#7f7c7c
```
#7f7c7c rgb(127,124,124)
```
#897275
```
#897275 rgb(137,114,117)
```
#92696d
```
#92696d rgb(146,105,109)
```
#9c5f65
```
#9c5f65 rgb(156,95,101)
```
#a6555e
```
#a6555e rgb(166,85,94)
```
#af4c56
```
#af4c56 rgb(175,76,86)
```
#b9424f
```
#b9424f rgb(185,66,79)
```
#c33847
```
#c33847 rgb(195,56,71)
```
#cc2f3f
```
#cc2f3f rgb(204,47,63)
```
#d62538
```
#d62538 rgb(214,37,56)
```
#e01b30
```
#e01b30 rgb(224,27,48)
```
#e91229
```
#e91229 rgb(233,18,41)
```
#f30821
```
#f30821 rgb(243,8,33)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#714247 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8041 Protanopia 1% of men
#a17a00 Deuteranopia 1% of men
#f31b0c Tritanopia 0.001% of the population

Trichromacy

#b25435 Protanomaly 1% of men, 0.01% of women
#be500c Deuteranomaly 6% of men, 0.4% of women
#f31414 Tritanomaly 0.01% of the population

#f30821 hex color

#f30821 Color Information

#f30821 Color Conversion

Color Schemes with #f30821

Alternatives to #f30821

#f30821 Preview

Shades and Tints of #f30821

Tones of #f30821

Color Blindness Simulator