#F31114 Color Information


In the RGB color space, #F31114 is composed of 95.2941% red, 6.6667% green, and 7.8431% blue.

In the CMYK color space, #F31114 is composed of 0% cyan, 93.0% magenta, 91.77% yellow, and 4.71% black,

It has a hue angle of 359.2 degrees, a saturation of 90.39%, and a lightness of 50.98%.

The closest websafe color is #FF0000.

#F31114 RGB Values

#F31114 CMYK Values



#F31114 Color Conversion


The hexadecimal color #F31114 has RGB values of R:243, G:17, B:20 and CMYK values of C:0, M:93, Y:91.77, K:4.71. It has a decimal value of 15929620.


Hexadecimal #F31114 #F31114
RGB Decimal 243, 17, 20 rgb(243, 17, 20)
RGB Percent 95.2941, 6.6667, 7.8431 rgb(95.2941%, 6.6667%, 7.8431%)
RGB Proportion 0.9529, 0.0667, 0.0784 rgb(0.9529, 0.0667, 0.0784)
CMYK 0, 93, 91.77, 4.71
HSL 359.2ยบ, 90.39, 50.98 hsl(359.2, 90.39%, 50.98%)
Websafe FF0000 #FF0000
XYZ 37.285, 19.504, 2.461
Yxy 19.504, 0.629, 0.329
CIE-LAB 51.272, 76.053, 59.438
CIE-LCH 51.272, 96.524, 38.009
CIE-LUV 51.272, 162.91, 34.786
Hunter-Lab 44.163, 73.413, 27.61

Color Schemes For #F31114


Colors that go well with #F31114.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #F31114


Colors similar to #F31114.


#F31114 Preview


Common HTML and CSS shortcodes for #F31114.

Text with color #F31114


The quick brown fox jumps over the lazy dog.

<div style="color: #F31114;">The quick brown fox jumps over the lazy dog.</div>

#F31114 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #F31114;">The quick brown fox jumps over the lazy dog.</div>

Border with #F31114


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #F31114;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #F31114


Linear gradient from #F31114 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#F31114, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #F31114


Radial gradient from #F31114 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#F31114, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #F31114 and its Complementary Color


Linear gradient from #F31114 to #0CEEEB.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#F31114, #0CEEEB);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #F31114 and its Complementary Color


Radial gradient from #F31114 to #0CEEEB.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#F31114, #0CEEEB);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #F31114; } .background { background-color: #F31114; } .border { border: 1px solid #F31114; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #F31114


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #040000 while the lightest tint is #FEFAFB.

Shades


Tints

Random Colors