#f21314 hex color

In a RGB color space, hex #f21314 is composed of 94.9% red, 7.5% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.1% magenta, 91.7% yellow and 5.1% black. It has a hue angle of 359.7 degrees, a saturation of 89.6% and a lightness of 51.2%. #f21314 color hex could be obtained by blending #ff2628 with #e50000. Closest websafe color is: #ff0000.

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

● #f21314 color description : Vivid red.

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

Hex triplet	f21314	`#f21314`
RGB Decimal	242, 19, 20	`rgb(242,19,20)`
RGB Percent	94.9, 7.5, 7.8	`rgb(94.9%,7.5%,7.8%)`
CMYK	0, 92, 92, 5
HSL	359.7°, 89.6, 51.2	`hsl(359.7,89.6%,51.2%)`
HSV (or HSB)	359.7°, 92.1, 94.9
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.15, 75.574, 59.243
XYZ	36.979, 19.398, 2.459
xyY	0.629, 0.33, 19.398
CIE-LCH	51.15, 96.027, 38.093
CIE-LUV	51.15, 161.759, 34.776
Hunter-Lab	44.044, 72.793, 27.52
Binary	11110010, 00010011, 00010100

#f21314
```
#f21314 rgb(242,19,20)
```
#13f2f1
```
#13f2f1 rgb(19,242,241)
```

Complementary Color

#f21384
```
#f21384 rgb(242,19,132)
```
#f21314
```
#f21314 rgb(242,19,20)
```
#f28213
```
#f28213 rgb(242,130,19)
```

Analogous Color

#1384f2
```
#1384f2 rgb(19,132,242)
```
#f21314
```
#f21314 rgb(242,19,20)
```
#13f282
```
#13f282 rgb(19,242,130)
```

Split Complementary Color

#1314f2
```
#1314f2 rgb(19,20,242)
```
#f21314
```
#f21314 rgb(242,19,20)
```
#14f213
```
#14f213 rgb(20,242,19)
```

Triadic Color

#f113f2
```
#f113f2 rgb(241,19,242)
```
#f21314
```
#f21314 rgb(242,19,20)
```
#14f213
```
#14f213 rgb(20,242,19)
```
#13f2f1
```
#13f2f1 rgb(19,242,241)
```

Tetradic Color

#af0a0a
```
#af0a0a rgb(175,10,10)
```
#c70b0c
```
#c70b0c rgb(199,11,12)
```
#df0c0d
```
#df0c0d rgb(223,12,13)
```
#f21314
```
#f21314 rgb(242,19,20)
```
#f32b2c
```
#f32b2c rgb(243,43,44)
```
#f54344
```
#f54344 rgb(245,67,68)
```
#f65c5c
```
#f65c5c rgb(246,92,92)
```

Monochromatic Color

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

#f2134c
```
#f2134c rgb(242,19,76)
```
#f21339
```
#f21339 rgb(242,19,57)
```
#f21327
```
#f21327 rgb(242,19,39)
```
#f21314
```
#f21314 rgb(242,19,20)
```
#f22513
```
#f22513 rgb(242,37,19)
```
#f23713
```
#f23713 rgb(242,55,19)
```
#f24a13
```
#f24a13 rgb(242,74,19)
```

Similar Colors

Text with hexadecimal color #f21314

This text has a font color of #f21314.

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

#f21314 background color

This paragraph has a background color of #f21314.

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

#f21314 border color

This element has a border color of #f21314.

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

CSS codes

.text {color:#f21314;}

.background {background-color:#f21314;}

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

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

#060000
```
#060000 rgb(6,0,0)
```
#180101
```
#180101 rgb(24,1,1)
```
#2b0203
```
#2b0203 rgb(43,2,3)
```
#3d0304
```
#3d0304 rgb(61,3,4)
```
#500405
```
#500405 rgb(80,4,5)
```
#630506
```
#630506 rgb(99,5,6)
```
#750607
```
#750607 rgb(117,6,7)
```
#880708
```
#880708 rgb(136,7,8)
```
#9a0909
```
#9a0909 rgb(154,9,9)
```
#ad0a0a
```
#ad0a0a rgb(173,10,10)
```
#c00b0b
```
#c00b0b rgb(192,11,11)
```
#d20c0c
```
#d20c0c rgb(210,12,12)
```
#e50d0e
```
#e50d0e rgb(229,13,14)
```

Shade Color Variation

#f21314
```
#f21314 rgb(242,19,20)
```
#f32627
```
#f32627 rgb(243,38,39)
```
#f43839
```
#f43839 rgb(244,56,57)
```
#f54b4c
```
#f54b4c rgb(245,75,76)
```
#f65d5e
```
#f65d5e rgb(246,93,94)
```
#f77071
```
#f77071 rgb(247,112,113)
```
#f88383
```
#f88383 rgb(248,131,131)
```
#f99596
```
#f99596 rgb(249,149,150)
```
#faa8a8
```
#faa8a8 rgb(250,168,168)
```
#fbbabb
```
#fbbabb rgb(251,186,187)
```
#fccdcd
```
#fccdcd rgb(252,205,205)
```
#fde0e0
```
#fde0e0 rgb(253,224,224)
```
#fef2f2
```
#fef2f2 rgb(254,242,242)
```

Tint Color Variation

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

#897c7c
```
#897c7c rgb(137,124,124)
```
#927373
```
#927373 rgb(146,115,115)
```
#9c6969
```
#9c6969 rgb(156,105,105)
```
#a56060
```
#a56060 rgb(165,96,96)
```
#af5656
```
#af5656 rgb(175,86,86)
```
#b94c4d
```
#b94c4d rgb(185,76,77)
```
#c24343
```
#c24343 rgb(194,67,67)
```
#cc393a
```
#cc393a rgb(204,57,58)
```
#d53030
```
#d53030 rgb(213,48,48)
```
#df2627
```
#df2627 rgb(223,38,39)
```
#e81d1d
```
#e81d1d rgb(232,29,29)
```
#f21314
```
#f21314 rgb(242,19,20)
```
#fc090b
```
#fc090b rgb(252,9,11)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#754949 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8033 Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#f22018 Tritanopia 0.001% of the population

Trichromacy

#b35827 Protanomaly 1% of men, 0.01% of women
#be5407 Deuteranomaly 6% of men, 0.4% of women
#f21b16 Tritanomaly 0.01% of the population

#f21314 hex color

#f21314 Color Information

#f21314 Color Conversion

Color Schemes with #f21314

Alternatives to #f21314

#f21314 Preview

Shades and Tints of #f21314

Tones of #f21314

Color Blindness Simulator