#f21419 hex color

In a RGB color space, hex #f21419 is composed of 94.9% red, 7.8% green and 9.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.7% magenta, 89.7% yellow and 5.1% black. It has a hue angle of 358.6 degrees, a saturation of 89.5% and a lightness of 51.4%. #f21419 color hex could be obtained by blending #ff2832 with #e50000. Closest websafe color is: #ff0000.

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

● #f21419 color description : Vivid red.

The hexadecimal color #f21419 has RGB values of R:242, G:20, B:25 and CMYK values of C:0, M:0.92, Y:0.9, K:0.05. Its decimal value is 15864857.

Hex triplet	f21419	`#f21419`
RGB Decimal	242, 20, 25	`rgb(242,20,25)`
RGB Percent	94.9, 7.8, 9.8	`rgb(94.9%,7.8%,9.8%)`
CMYK	0, 92, 90, 5
HSL	358.6°, 89.5, 51.4	`hsl(358.6,89.5%,51.4%)`
HSV (or HSB)	358.6°, 91.7, 94.9
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.213, 75.523, 57.391
XYZ	37.046, 19.453, 2.724
xyY	0.626, 0.328, 19.453
CIE-LCH	51.213, 94.855, 37.232
CIE-LUV	51.213, 161.023, 34.06
Hunter-Lab	44.105, 72.745, 27.212
Binary	11110010, 00010100, 00011001

#f21419
```
#f21419 rgb(242,20,25)
```
#14f2ed
```
#14f2ed rgb(20,242,237)
```

Complementary Color

#f21488
```
#f21488 rgb(242,20,136)
```
#f21419
```
#f21419 rgb(242,20,25)
```
#f27e14
```
#f27e14 rgb(242,126,20)
```

Analogous Color

#1488f2
```
#1488f2 rgb(20,136,242)
```
#f21419
```
#f21419 rgb(242,20,25)
```
#14f27e
```
#14f27e rgb(20,242,126)
```

Split Complementary Color

#1419f2
```
#1419f2 rgb(20,25,242)
```
#f21419
```
#f21419 rgb(242,20,25)
```
#19f214
```
#19f214 rgb(25,242,20)
```

Triadic Color

#ed14f2
```
#ed14f2 rgb(237,20,242)
```
#f21419
```
#f21419 rgb(242,20,25)
```
#19f214
```
#19f214 rgb(25,242,20)
```
#14f2ed
```
#14f2ed rgb(20,242,237)
```

Tetradic Color

#b00a0d
```
#b00a0d rgb(176,10,13)
```
#c80b0f
```
#c80b0f rgb(200,11,15)
```
#e00c11
```
#e00c11 rgb(224,12,17)
```
#f21419
```
#f21419 rgb(242,20,25)
```
#f32c31
```
#f32c31 rgb(243,44,49)
```
#f54448
```
#f54448 rgb(245,68,72)
```
#f65c60
```
#f65c60 rgb(246,92,96)
```

Monochromatic Color

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

#f21451
```
#f21451 rgb(242,20,81)
```
#f2143e
```
#f2143e rgb(242,20,62)
```
#f2142c
```
#f2142c rgb(242,20,44)
```
#f21419
```
#f21419 rgb(242,20,25)
```
#f22114
```
#f22114 rgb(242,33,20)
```
#f23414
```
#f23414 rgb(242,52,20)
```
#f24614
```
#f24614 rgb(242,70,20)
```

Similar Colors

Text with hexadecimal color #f21419

This text has a font color of #f21419.

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

#f21419 background color

This paragraph has a background color of #f21419.

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

#f21419 border color

This element has a border color of #f21419.

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

CSS codes

.text {color:#f21419;}

.background {background-color:#f21419;}

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

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

#070001
```
#070001 rgb(7,0,1)
```
#190102
```
#190102 rgb(25,1,2)
```
#2c0203
```
#2c0203 rgb(44,2,3)
```
#3e0305
```
#3e0305 rgb(62,3,5)
```
#510406
```
#510406 rgb(81,4,6)
```
#640608
```
#640608 rgb(100,6,8)
```
#760709
```
#760709 rgb(118,7,9)
```
#89080a
```
#89080a rgb(137,8,10)
```
#9b090c
```
#9b090c rgb(155,9,12)
```
#ae0a0d
```
#ae0a0d rgb(174,10,13)
```
#c10b0f
```
#c10b0f rgb(193,11,15)
```
#d30c10
```
#d30c10 rgb(211,12,16)
```
#e60d12
```
#e60d12 rgb(230,13,18)
```

Shade Color Variation

#f21419
```
#f21419 rgb(242,20,25)
```
#f3272b
```
#f3272b rgb(243,39,43)
```
#f4393d
```
#f4393d rgb(244,57,61)
```
#f54c50
```
#f54c50 rgb(245,76,80)
```
#f65e62
```
#f65e62 rgb(246,94,98)
```
#f77174
```
#f77174 rgb(247,113,116)
```
#f88486
```
#f88486 rgb(248,132,134)
```
#f99698
```
#f99698 rgb(249,150,152)
```
#faa9ab
```
#faa9ab rgb(250,169,171)
```
#fbbbbd
```
#fbbbbd rgb(251,187,189)
```
#fccecf
```
#fccecf rgb(252,206,207)
```
#fde0e1
```
#fde0e1 rgb(253,224,225)
```
#fef3f3
```
#fef3f3 rgb(254,243,243)
```

Tint Color Variation

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

#897d7d
```
#897d7d rgb(137,125,125)
```
#937374
```
#937374 rgb(147,115,116)
```
#9c6a6b
```
#9c6a6b rgb(156,106,107)
```
#a66062
```
#a66062 rgb(166,96,98)
```
#af5759
```
#af5759 rgb(175,87,89)
```
#b94d50
```
#b94d50 rgb(185,77,80)
```
#c24447
```
#c24447 rgb(194,68,71)
```
#cc3a3d
```
#cc3a3d rgb(204,58,61)
```
#d53134
```
#d53134 rgb(213,49,52)
```
#df272b
```
#df272b rgb(223,39,43)
```
#e81e22
```
#e81e22 rgb(232,30,34)
```
#f21419
```
#f21419 rgb(242,20,25)
```
#fc0a10
```
#fc0a10 rgb(252,10,16)
```

Tone Color Variation

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

Dichromacy

#8e8138 Protanopia 1% of men
#a17a00 Deuteranopia 1% of men
#f2211a Tritanopia 0.001% of the population

Trichromacy

#b2592c Protanomaly 1% of men, 0.01% of women
#be5509 Deuteranomaly 6% of men, 0.4% of women
#f21c1a Tritanomaly 0.01% of the population

#f21419 hex color

#f21419 Color Information

#f21419 Color Conversion

Color Schemes with #f21419

Alternatives to #f21419

#f21419 Preview

Shades and Tints of #f21419

Tones of #f21419

Color Blindness Simulator