#f21c20 hex color

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

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

● #f21c20 color description : Vivid red.

The hexadecimal color #f21c20 has RGB values of R:242, G:28, B:32 and CMYK values of C:0, M:0.88, Y:0.87, K:0.05. Its decimal value is 15866912.

Hex triplet	f21c20	`#f21c20`
RGB Decimal	242, 28, 32	`rgb(242,28,32)`
RGB Percent	94.9, 11, 12.5	`rgb(94.9%,11%,12.5%)`
CMYK	0, 88, 87, 5
HSL	358.9°, 89.2, 52.9	`hsl(358.9,89.2%,52.9%)`
HSV (or HSB)	358.9°, 88.4, 94.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.63, 74.547, 54.705
XYZ	37.296, 19.817, 3.228
xyY	0.618, 0.328, 19.817
CIE-LCH	51.63, 92.465, 36.272
CIE-LUV	51.63, 158.091, 33.411
Hunter-Lab	44.516, 71.645, 26.862
Binary	11110010, 00011100, 00100000

#f21c20
```
#f21c20 rgb(242,28,32)
```
#1cf2ee
```
#1cf2ee rgb(28,242,238)
```

Complementary Color

#f21c8b
```
#f21c8b rgb(242,28,139)
```
#f21c20
```
#f21c20 rgb(242,28,32)
```
#f2831c
```
#f2831c rgb(242,131,28)
```

Analogous Color

#1c8bf2
```
#1c8bf2 rgb(28,139,242)
```
#f21c20
```
#f21c20 rgb(242,28,32)
```
#1cf283
```
#1cf283 rgb(28,242,131)
```

Split Complementary Color

#1c20f2
```
#1c20f2 rgb(28,32,242)
```
#f21c20
```
#f21c20 rgb(242,28,32)
```
#20f21c
```
#20f21c rgb(32,242,28)
```

Triadic Color

#ee1cf2
```
#ee1cf2 rgb(238,28,242)
```
#f21c20
```
#f21c20 rgb(242,28,32)
```
#20f21c
```
#20f21c rgb(32,242,28)
```
#1cf2ee
```
#1cf2ee rgb(28,242,238)
```

Tetradic Color

#b70a0e
```
#b70a0e rgb(183,10,14)
```
#cf0c10
```
#cf0c10 rgb(207,12,16)
```
#e70d11
```
#e70d11 rgb(231,13,17)
```
#f21c20
```
#f21c20 rgb(242,28,32)
```
#f33438
```
#f33438 rgb(243,52,56)
```
#f54c4f
```
#f54c4f rgb(245,76,79)
```
#f66467
```
#f66467 rgb(246,100,103)
```

Monochromatic Color

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

#f21c56
```
#f21c56 rgb(242,28,86)
```
#f21c44
```
#f21c44 rgb(242,28,68)
```
#f21c32
```
#f21c32 rgb(242,28,50)
```
#f21c20
```
#f21c20 rgb(242,28,32)
```
#f22a1c
```
#f22a1c rgb(242,42,28)
```
#f23c1c
```
#f23c1c rgb(242,60,28)
```
#f24e1c
```
#f24e1c rgb(242,78,28)
```

Similar Colors

Text with hexadecimal color #f21c20

This text has a font color of #f21c20.

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

#f21c20 background color

This paragraph has a background color of #f21c20.

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

#f21c20 border color

This element has a border color of #f21c20.

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

CSS codes

.text {color:#f21c20;}

.background {background-color:#f21c20;}

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

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

#0e0101
```
#0e0101 rgb(14,1,1)
```
#210202
```
#210202 rgb(33,2,2)
```
#330304
```
#330304 rgb(51,3,4)
```
#460405
```
#460405 rgb(70,4,5)
```
#580507
```
#580507 rgb(88,5,7)
```
#6b0608
```
#6b0608 rgb(107,6,8)
```
#7e0709
```
#7e0709 rgb(126,7,9)
```
#90080b
```
#90080b rgb(144,8,11)
```
#a3090c
```
#a3090c rgb(163,9,12)
```
#b50a0e
```
#b50a0e rgb(181,10,14)
```
#c80b0f
```
#c80b0f rgb(200,11,15)
```
#da0d10
```
#da0d10 rgb(218,13,16)
```
#ed0e12
```
#ed0e12 rgb(237,14,18)
```

Shade Color Variation

#f21c20
```
#f21c20 rgb(242,28,32)
```
#f32f32
```
#f32f32 rgb(243,47,50)
```
#f44144
```
#f44144 rgb(244,65,68)
```
#f55457
```
#f55457 rgb(245,84,87)
```
#f66669
```
#f66669 rgb(246,102,105)
```
#f7797b
```
#f7797b rgb(247,121,123)
```
#f88b8d
```
#f88b8d rgb(248,139,141)
```
#f99ea0
```
#f99ea0 rgb(249,158,160)
```
#fbb0b2
```
#fbb0b2 rgb(251,176,178)
```
#fcc3c4
```
#fcc3c4 rgb(252,195,196)
```
#fdd6d6
```
#fdd6d6 rgb(253,214,214)
```
#fee8e8
```
#fee8e8 rgb(254,232,232)
```
#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 #fb1317 is the most saturated one.

#8c8282
```
#8c8282 rgb(140,130,130)
```
#967879
```
#967879 rgb(150,120,121)
```
#9f6f70
```
#9f6f70 rgb(159,111,112)
```
#a86667
```
#a86667 rgb(168,102,103)
```
#b15d5e
```
#b15d5e rgb(177,93,94)
```
#bb5355
```
#bb5355 rgb(187,83,85)
```
#c44a4c
```
#c44a4c rgb(196,74,76)
```
#cd4144
```
#cd4144 rgb(205,65,68)
```
#d6383b
```
#d6383b rgb(214,56,59)
```
#e02e32
```
#e02e32 rgb(224,46,50)
```
#e92529
```
#e92529 rgb(233,37,41)
```
#f21c20
```
#f21c20 rgb(242,28,32)
```
#fb1317
```
#fb1317 rgb(251,19,23)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7a4f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f823e Protanopia 1% of men
#a27b00 Deuteranopia 1% of men
#f22825 Tritanopia 0.001% of the population

Trichromacy

#b35c33 Protanomaly 1% of men, 0.01% of women
#bf580b Deuteranomaly 6% of men, 0.4% of women
#f22423 Tritanomaly 0.01% of the population

#f21c20 hex color

#f21c20 Color Information

#f21c20 Color Conversion

Color Schemes with #f21c20

Alternatives to #f21c20

#f21c20 Preview

Shades and Tints of #f21c20

Tones of #f21c20

Color Blindness Simulator