#f21c28 hex color

In a RGB color space, hex #f21c28 is composed of 94.9% red, 11% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.4% magenta, 83.5% yellow and 5.1% black. It has a hue angle of 356.6 degrees, a saturation of 89.2% and a lightness of 52.9%. #f21c28 color hex could be obtained by blending #ff3850 with #e50000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 95
- G 11
- B 16
RGB color chart
- C 0
- M 88
- Y 83
- K 5
CMYK color chart

● #f21c28 color description : Vivid red.

The hexadecimal color #f21c28 has RGB values of R:242, G:28, B:40 and CMYK values of C:0, M:0.88, Y:0.83, K:0.05. Its decimal value is 15866920.

Hex triplet	f21c28	`#f21c28`
RGB Decimal	242, 28, 40	`rgb(242,28,40)`
RGB Percent	94.9, 11, 15.7	`rgb(94.9%,11%,15.7%)`
CMYK	0, 88, 83, 5
HSL	356.6°, 89.2, 52.9	`hsl(356.6,89.2%,52.9%)`
HSV (or HSB)	356.6°, 88.4, 94.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.685, 74.706, 50.931
XYZ	37.418, 19.866, 3.872
xyY	0.612, 0.325, 19.866
CIE-LCH	51.685, 90.416, 34.284
CIE-LUV	51.685, 156.869, 31.502
Hunter-Lab	44.571, 71.854, 26.049
Binary	11110010, 00011100, 00101000

#f21c28
```
#f21c28 rgb(242,28,40)
```
#1cf2e6
```
#1cf2e6 rgb(28,242,230)
```

Complementary Color

#f21c93
```
#f21c93 rgb(242,28,147)
```
#f21c28
```
#f21c28 rgb(242,28,40)
```
#f27b1c
```
#f27b1c rgb(242,123,28)
```

Analogous Color

#1c93f2
```
#1c93f2 rgb(28,147,242)
```
#f21c28
```
#f21c28 rgb(242,28,40)
```
#1cf27b
```
#1cf27b rgb(28,242,123)
```

Split Complementary Color

#1c28f2
```
#1c28f2 rgb(28,40,242)
```
#f21c28
```
#f21c28 rgb(242,28,40)
```
#28f21c
```
#28f21c rgb(40,242,28)
```

Triadic Color

#e61cf2
```
#e61cf2 rgb(230,28,242)
```
#f21c28
```
#f21c28 rgb(242,28,40)
```
#28f21c
```
#28f21c rgb(40,242,28)
```
#1cf2e6
```
#1cf2e6 rgb(28,242,230)
```

Tetradic Color

#b70a14
```
#b70a14 rgb(183,10,20)
```
#cf0c17
```
#cf0c17 rgb(207,12,23)
```
#e70d19
```
#e70d19 rgb(231,13,25)
```
#f21c28
```
#f21c28 rgb(242,28,40)
```
#f3343f
```
#f3343f rgb(243,52,63)
```
#f54c56
```
#f54c56 rgb(245,76,86)
```
#f6646d
```
#f6646d rgb(246,100,109)
```

Monochromatic Color

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

#f21c5e
```
#f21c5e rgb(242,28,94)
```
#f21c4c
```
#f21c4c rgb(242,28,76)
```
#f21c3a
```
#f21c3a rgb(242,28,58)
```
#f21c28
```
#f21c28 rgb(242,28,40)
```
#f2221c
```
#f2221c rgb(242,34,28)
```
#f2341c
```
#f2341c rgb(242,52,28)
```
#f2461c
```
#f2461c rgb(242,70,28)
```

Similar Colors

Text with hexadecimal color #f21c28

This text has a font color of #f21c28.

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

#f21c28 background color

This paragraph has a background color of #f21c28.

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

#f21c28 border color

This element has a border color of #f21c28.

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

CSS codes

.text {color:#f21c28;}

.background {background-color:#f21c28;}

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

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

#0e0102
```
#0e0102 rgb(14,1,2)
```
#210204
```
#210204 rgb(33,2,4)
```
#330306
```
#330306 rgb(51,3,6)
```
#460408
```
#460408 rgb(70,4,8)
```
#58050a
```
#58050a rgb(88,5,10)
```
#6b060c
```
#6b060c rgb(107,6,12)
```
#7e070e
```
#7e070e rgb(126,7,14)
```
#900810
```
#900810 rgb(144,8,16)
```
#a30912
```
#a30912 rgb(163,9,18)
```
#b50a14
```
#b50a14 rgb(181,10,20)
```
#c80b16
```
#c80b16 rgb(200,11,22)
```
#da0d18
```
#da0d18 rgb(218,13,24)
```
#ed0e1a
```
#ed0e1a rgb(237,14,26)
```

Shade Color Variation

#f21c28
```
#f21c28 rgb(242,28,40)
```
#f32f3a
```
#f32f3a rgb(243,47,58)
```
#f4414b
```
#f4414b rgb(244,65,75)
```
#f5545d
```
#f5545d rgb(245,84,93)
```
#f6666e
```
#f6666e rgb(246,102,110)
```
#f77980
```
#f77980 rgb(247,121,128)
```
#f88b91
```
#f88b91 rgb(248,139,145)
```
#f99ea3
```
#f99ea3 rgb(249,158,163)
```
#fbb0b5
```
#fbb0b5 rgb(251,176,181)
```
#fcc3c6
```
#fcc3c6 rgb(252,195,198)
```
#fdd6d8
```
#fdd6d8 rgb(253,214,216)
```
#fee8e9
```
#fee8e9 rgb(254,232,233)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#8c8282
```
#8c8282 rgb(140,130,130)
```
#96787a
```
#96787a rgb(150,120,122)
```
#9f6f72
```
#9f6f72 rgb(159,111,114)
```
#a8666a
```
#a8666a rgb(168,102,106)
```
#b15d61
```
#b15d61 rgb(177,93,97)
```
#bb5359
```
#bb5359 rgb(187,83,89)
```
#c44a51
```
#c44a51 rgb(196,74,81)
```
#cd4149
```
#cd4149 rgb(205,65,73)
```
#d63841
```
#d63841 rgb(214,56,65)
```
#e02e38
```
#e02e38 rgb(224,46,56)
```
#e92530
```
#e92530 rgb(233,37,48)
```
#f21c28
```
#f21c28 rgb(242,28,40)
```
#fb1320
```
#fb1320 rgb(251,19,32)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7b5052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8247 Protanopia 1% of men
#a27b1c Deuteranopia 1% of men
#f22a26 Tritanopia 0.001% of the population

Trichromacy

#b25c3c Protanomaly 1% of men, 0.01% of women
#bf5820 Deuteranomaly 6% of men, 0.4% of women
#f22427 Tritanomaly 0.01% of the population

#f21c28 hex color

#f21c28 Color Information

#f21c28 Color Conversion

Color Schemes with #f21c28

Alternatives to #f21c28

#f21c28 Preview

Shades and Tints of #f21c28

Tones of #f21c28

Color Blindness Simulator