#f21f19 hex color

In a RGB color space, hex #f21f19 is composed of 94.9% red, 12.2% green and 9.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 89.7% yellow and 5.1% black. It has a hue angle of 1.7 degrees, a saturation of 89.3% and a lightness of 52.4%. #f21f19 color hex could be obtained by blending #ff3e32 with #e50000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 95
- G 12
- B 10
RGB color chart
- C 0
- M 87
- Y 90
- K 5
CMYK color chart

● #f21f19 color description : Vivid red.

The hexadecimal color #f21f19 has RGB values of R:242, G:31, B:25 and CMYK values of C:0, M:0.87, Y:0.9, K:0.05. Its decimal value is 15867673.

Hex triplet	f21f19	`#f21f19`
RGB Decimal	242, 31, 25	`rgb(242,31,25)`
RGB Percent	94.9, 12.2, 9.8	`rgb(94.9%,12.2%,9.8%)`
CMYK	0, 87, 90, 5
HSL	1.7°, 89.3, 52.4	`hsl(1.7,89.3%,52.4%)`
HSV (or HSB)	1.7°, 89.7, 94.9
Web Safe	ff3300	`#ff3300`

CIE-LAB	51.761, 73.948, 57.769
XYZ	37.285, 19.932, 2.804
xyY	0.621, 0.332, 19.932
CIE-LCH	51.761, 93.837, 37.997
CIE-LUV	51.761, 158.031, 35.069
Hunter-Lab	44.646, 70.943, 27.528
Binary	11110010, 00011111, 00011001

#f21f19
```
#f21f19 rgb(242,31,25)
```
#19ecf2
```
#19ecf2 rgb(25,236,242)
```

Complementary Color

#f21980
```
#f21980 rgb(242,25,128)
```
#f21f19
```
#f21f19 rgb(242,31,25)
```
#f28c19
```
#f28c19 rgb(242,140,25)
```

Analogous Color

#1980f2
```
#1980f2 rgb(25,128,242)
```
#f21f19
```
#f21f19 rgb(242,31,25)
```
#19f28c
```
#19f28c rgb(25,242,140)
```

Split Complementary Color

#1f19f2
```
#1f19f2 rgb(31,25,242)
```
#f21f19
```
#f21f19 rgb(242,31,25)
```
#19f21f
```
#19f21f rgb(25,242,31)
```

Triadic Color

#f219ec
```
#f219ec rgb(242,25,236)
```
#f21f19
```
#f21f19 rgb(242,31,25)
```
#19f21f
```
#19f21f rgb(25,242,31)
```
#19ecf2
```
#19ecf2 rgb(25,236,242)
```

Tetradic Color

#b40f0a
```
#b40f0a rgb(180,15,10)
```
#cc110c
```
#cc110c rgb(204,17,12)
```
#e5130d
```
#e5130d rgb(229,19,13)
```
#f21f19
```
#f21f19 rgb(242,31,25)
```
#f33731
```
#f33731 rgb(243,55,49)
```
#f54e49
```
#f54e49 rgb(245,78,73)
```
#f66661
```
#f66661 rgb(246,102,97)
```

Monochromatic Color

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

#f21949
```
#f21949 rgb(242,25,73)
```
#f21937
```
#f21937 rgb(242,25,55)
```
#f21925
```
#f21925 rgb(242,25,37)
```
#f21f19
```
#f21f19 rgb(242,31,25)
```
#f23119
```
#f23119 rgb(242,49,25)
```
#f24319
```
#f24319 rgb(242,67,25)
```
#f25519
```
#f25519 rgb(242,85,25)
```

Similar Colors

Text with hexadecimal color #f21f19

This text has a font color of #f21f19.

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

#f21f19 background color

This paragraph has a background color of #f21f19.

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

#f21f19 border color

This element has a border color of #f21f19.

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

CSS codes

.text {color:#f21f19;}

.background {background-color:#f21f19;}

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

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

#0b0101
```
#0b0101 rgb(11,1,1)
```
#1e0202
```
#1e0202 rgb(30,2,2)
```
#300403
```
#300403 rgb(48,4,3)
```
#430604
```
#430604 rgb(67,6,4)
```
#560705
```
#560705 rgb(86,7,5)
```
#680906
```
#680906 rgb(104,9,6)
```
#7b0a07
```
#7b0a07 rgb(123,10,7)
```
#8d0c08
```
#8d0c08 rgb(141,12,8)
```
#a00d09
```
#a00d09 rgb(160,13,9)
```
#b20f0a
```
#b20f0a rgb(178,15,10)
```
#c5100b
```
#c5100b rgb(197,16,11)
```
#d8120c
```
#d8120c rgb(216,18,12)
```
#ea130d
```
#ea130d rgb(234,19,13)
```

Shade Color Variation

#f21f19
```
#f21f19 rgb(242,31,25)
```
#f3312c
```
#f3312c rgb(243,49,44)
```
#f4433e
```
#f4433e rgb(244,67,62)
```
#f55551
```
#f55551 rgb(245,85,81)
```
#f66763
```
#f66763 rgb(246,103,99)
```
#f77976
```
#f77976 rgb(247,121,118)
```
#f88b88
```
#f88b88 rgb(248,139,136)
```
#f99e9b
```
#f99e9b rgb(249,158,155)
```
#fab0ae
```
#fab0ae rgb(250,176,174)
```
#fbc2c0
```
#fbc2c0 rgb(251,194,192)
```
#fcd4d3
```
#fcd4d3 rgb(252,212,211)
```
#fee6e5
```
#fee6e5 rgb(254,230,229)
```
#fff8f8
```
#fff8f8 rgb(255,248,248)
```

Tint Color Variation

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

#8b8080
```
#8b8080 rgb(139,128,128)
```
#957776
```
#957776 rgb(149,119,118)
```
#9e6e6d
```
#9e6e6d rgb(158,110,109)
```
#a76664
```
#a76664 rgb(167,102,100)
```
#b15d5a
```
#b15d5a rgb(177,93,90)
```
#ba5451
```
#ba5451 rgb(186,84,81)
```
#c34b48
```
#c34b48 rgb(195,75,72)
```
#cd423e
```
#cd423e rgb(205,66,62)
```
#d63935
```
#d63935 rgb(214,57,53)
```
#df312c
```
#df312c rgb(223,49,44)
```
#e92822
```
#e92822 rgb(233,40,34)
```
#f21f19
```
#f21f19 rgb(242,31,25)
```
#fb1610
```
#fb1610 rgb(251,22,16)
```

Tone Color Variation

Below, you can see how #f21f19 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
#7b514f Atypical Achromatopsia 0.001% of the population

Dichromacy

#908237 Protanopia 1% of men
#a27c00 Deuteranopia 1% of men
#f22a27 Tritanopia 0.001% of the population

Trichromacy

#b35e2c Protanomaly 1% of men, 0.01% of women
#bf5a09 Deuteranomaly 6% of men, 0.4% of women
#f22622 Tritanomaly 0.01% of the population

#f21f19 hex color

#f21f19 Color Information

#f21f19 Color Conversion

Color Schemes with #f21f19

Alternatives to #f21f19

#f21f19 Preview

Shades and Tints of #f21f19

Tones of #f21f19

Color Blindness Simulator