#f81021 hex color

In a RGB color space, hex #f81021 is composed of 97.3% red, 6.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.5% magenta, 86.7% yellow and 2.7% black. It has a hue angle of 355.6 degrees, a saturation of 94.3% and a lightness of 51.8%. #f81021 color hex could be obtained by blending #ff2042 with #f10000. Closest websafe color is: #ff0033.

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

● #f81021 color description : Vivid red.

The hexadecimal color #f81021 has RGB values of R:248, G:16, B:33 and CMYK values of C:0, M:0.94, Y:0.87, K:0.03. Its decimal value is 16257057.

Hex triplet	f81021	`#f81021`
RGB Decimal	248, 16, 33	`rgb(248,16,33)`
RGB Percent	97.3, 6.3, 12.9	`rgb(97.3%,6.3%,12.9%)`
CMYK	0, 94, 87, 3
HSL	355.6°, 94.3, 51.8	`hsl(355.6,94.3%,51.8%)`
HSV (or HSB)	355.6°, 93.5, 97.3
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.333, 77.555, 55.322
XYZ	39.173, 20.442, 3.322
xyY	0.622, 0.325, 20.442
CIE-LCH	52.333, 95.264, 35.501
CIE-LUV	52.333, 165.046, 33.194
Hunter-Lab	45.213, 75.534, 27.293
Binary	11111000, 00010000, 00100001

#f81021
```
#f81021 rgb(248,16,33)
```
#10f8e7
```
#10f8e7 rgb(16,248,231)
```

Complementary Color

#f81095
```
#f81095 rgb(248,16,149)
```
#f81021
```
#f81021 rgb(248,16,33)
```
#f87310
```
#f87310 rgb(248,115,16)
```

Analogous Color

#1095f8
```
#1095f8 rgb(16,149,248)
```
#f81021
```
#f81021 rgb(248,16,33)
```
#10f873
```
#10f873 rgb(16,248,115)
```

Split Complementary Color

#1021f8
```
#1021f8 rgb(16,33,248)
```
#f81021
```
#f81021 rgb(248,16,33)
```
#21f810
```
#21f810 rgb(33,248,16)
```

Triadic Color

#e710f8
```
#e710f8 rgb(231,16,248)
```
#f81021
```
#f81021 rgb(248,16,33)
```
#21f810
```
#21f810 rgb(33,248,16)
```
#10f8e7
```
#10f8e7 rgb(16,248,231)
```

Tetradic Color

#b60512
```
#b60512 rgb(182,5,18)
```
#cf0615
```
#cf0615 rgb(207,6,21)
```
#e80717
```
#e80717 rgb(232,7,23)
```
#f81021
```
#f81021 rgb(248,16,33)
```
#f92938
```
#f92938 rgb(249,41,56)
```
#f9424f
```
#f9424f rgb(249,66,79)
```
#fa5a66
```
#fa5a66 rgb(250,90,102)
```

Monochromatic Color

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

#f8105b
```
#f8105b rgb(248,16,91)
```
#f81048
```
#f81048 rgb(248,16,72)
```
#f81034
```
#f81034 rgb(248,16,52)
```
#f81021
```
#f81021 rgb(248,16,33)
```
#f81210
```
#f81210 rgb(248,18,16)
```
#f82610
```
#f82610 rgb(248,38,16)
```
#f83910
```
#f83910 rgb(248,57,16)
```

Similar Colors

Text with hexadecimal color #f81021

This text has a font color of #f81021.

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

#f81021 background color

This paragraph has a background color of #f81021.

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

#f81021 border color

This element has a border color of #f81021.

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

CSS codes

.text {color:#f81021;}

.background {background-color:#f81021;}

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

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

#090001
```
#090001 rgb(9,0,1)
```
#1c0103
```
#1c0103 rgb(28,1,3)
```
#2f0105
```
#2f0105 rgb(47,1,5)
```
#420207
```
#420207 rgb(66,2,7)
```
#550209
```
#550209 rgb(85,2,9)
```
#68030a
```
#68030a rgb(104,3,10)
```
#7b040c
```
#7b040c rgb(123,4,12)
```
#8e040e
```
#8e040e rgb(142,4,14)
```
#a10510
```
#a10510 rgb(161,5,16)
```
#b40512
```
#b40512 rgb(180,5,18)
```
#c70614
```
#c70614 rgb(199,6,20)
```
#da0616
```
#da0616 rgb(218,6,22)
```
#ed0718
```
#ed0718 rgb(237,7,24)
```

Shade Color Variation

#f81021
```
#f81021 rgb(248,16,33)
```
#f92333
```
#f92333 rgb(249,35,51)
```
#f93644
```
#f93644 rgb(249,54,68)
```
#fa4956
```
#fa4956 rgb(250,73,86)
```
#fa5c68
```
#fa5c68 rgb(250,92,104)
```
#fb6f7a
```
#fb6f7a rgb(251,111,122)
```
#fb828b
```
#fb828b rgb(251,130,139)
```
#fc959d
```
#fc959d rgb(252,149,157)
```
#fca8af
```
#fca8af rgb(252,168,175)
```
#fdbcc0
```
#fdbcc0 rgb(253,188,192)
```
#fecfd2
```
#fecfd2 rgb(254,207,210)
```
#fee2e4
```
#fee2e4 rgb(254,226,228)
```
#fff5f5
```
#fff5f5 rgb(255,245,245)
```

Tint Color Variation

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

#868282
```
#868282 rgb(134,130,130)
```
#90787a
```
#90787a rgb(144,120,122)
```
#996f72
```
#996f72 rgb(153,111,114)
```
#a3656a
```
#a3656a rgb(163,101,106)
```
#ac5c62
```
#ac5c62 rgb(172,92,98)
```
#b6525a
```
#b6525a rgb(182,82,90)
```
#bf4951
```
#bf4951 rgb(191,73,81)
```
#c93f49
```
#c93f49 rgb(201,63,73)
```
#d23641
```
#d23641 rgb(210,54,65)
```
#dc2c39
```
#dc2c39 rgb(220,44,57)
```
#e52331
```
#e52331 rgb(229,35,49)
```
#ef1929
```
#ef1929 rgb(239,25,41)
```
#f81021
```
#f81021 rgb(248,16,33)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#77494c Atypical Achromatopsia 0.001% of the population

Dichromacy

#918341 Protanopia 1% of men
#a47d00 Deuteranopia 1% of men
#f82017 Tritanopia 0.001% of the population

Trichromacy

#b65935 Protanomaly 1% of men, 0.01% of women
#c3550c Deuteranomaly 6% of men, 0.4% of women
#f81a1b Tritanomaly 0.01% of the population

#f81021 hex color

#f81021 Color Information

#f81021 Color Conversion

Color Schemes with #f81021

Alternatives to #f81021

#f81021 Preview

Shades and Tints of #f81021

Tones of #f81021

Color Blindness Simulator