#F80141 Color Information


In the RGB color space, #F80141 is composed of 97.2549% red, 0.3922% green, and 25.4902% blue.

In the CMYK color space, #F80141 is composed of 0% cyan, 99.6% magenta, 73.79% yellow, and 2.75% black,

It has a hue angle of 344.5 degrees, a saturation of 99.2%, and a lightness of 48.82%.

The closest websafe color is #FF0033.

#F80141 RGB Values

#F80141 CMYK Values



#F80141 Color Conversion


The hexadecimal color #F80141 has RGB values of R:248, G:1, B:65 and CMYK values of C:0, M:99.6, Y:73.79, K:2.75. It has a decimal value of 16253249.


Hexadecimal #F80141 #F80141
RGB Decimal 248, 1, 65 rgb(248, 1, 65)
RGB Percent 97.2549, 0.3922, 25.4902 rgb(97.2549%, 0.3922%, 25.4902%)
RGB Proportion 0.9725, 0.0039, 0.2549 rgb(0.9725, 0.0039, 0.2549)
CMYK 0, 99.6, 73.79, 2.75
HSL 344.5ยบ, 99.2, 48.82 hsl(344.5, 99.2%, 48.82%)
Websafe FF0033 #FF0033
XYZ 39.672, 20.357, 6.839
Yxy 20.357, 0.593, 0.304
CIE-LAB 52.238, 79.536, 38.151
CIE-LCH 52.238, 88.213, 25.626
CIE-LUV 52.238, 160.453, 22.322
Hunter-Lab 45.119, 77.994, 22.596

Color Schemes For #F80141


Colors that go well with #F80141.

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

Alternatives to #F80141


Colors similar to #F80141.


#F80141 Preview


Common HTML and CSS shortcodes for #F80141.

Text with color #F80141


The quick brown fox jumps over the lazy dog.

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

#F80141 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #F80141


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #F80141


Linear gradient from #F80141 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #F80141


Radial gradient from #F80141 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #F80141 and its Complementary Color


Linear gradient from #F80141 to #07FEBE.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #F80141 and its Complementary Color


Radial gradient from #F80141 to #07FEBE.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #F80141; } .background { background-color: #F80141; } .border { border: 1px solid #F80141; } .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 #F80141


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

Shades


Tints

Random Colors