#F0064D Color Information


In the RGB color space, #F0064D is composed of 94.1176% red, 2.3529% green, and 30.1961% blue.

In the CMYK color space, #F0064D is composed of 0% cyan, 97.5% magenta, 67.91% yellow, and 5.88% black,

It has a hue angle of 341.8 degrees, a saturation of 95.13%, and a lightness of 48.23%.

The closest websafe color is #FF0066.

#F0064D RGB Values

#F0064D CMYK Values



#F0064D Color Conversion


The hexadecimal color #F0064D has RGB values of R:240, G:6, B:77 and CMYK values of C:0, M:97.5, Y:67.91, K:5.88. It has a decimal value of 15730253.


Hexadecimal #F0064D #F0064D
RGB Decimal 240, 6, 77 rgb(240, 6, 77)
RGB Percent 94.1176, 2.3529, 30.1961 rgb(94.1176%, 2.3529%, 30.1961%)
RGB Proportion 0.9412, 0.0235, 0.302 rgb(0.9412, 0.0235, 0.302)
CMYK 0, 97.5, 67.91, 5.88
HSL 341.8ยบ, 95.13, 48.23 hsl(341.8, 95.13%, 48.23%)
Websafe FF0066 #FF0066
XYZ 37.342, 19.192, 8.759
Yxy 19.192, 0.572, 0.294
CIE-LAB 50.911, 77.794, 29.027
CIE-LCH 50.911, 83.033, 20.462
CIE-LUV 50.911, 150.308, 15.267
Hunter-Lab 43.809, 75.486, 18.812

Color Schemes For #F0064D


Colors that go well with #F0064D.

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

Alternatives to #F0064D


Colors similar to #F0064D.


#F0064D Preview


Common HTML and CSS shortcodes for #F0064D.

Text with color #F0064D


The quick brown fox jumps over the lazy dog.

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

#F0064D as background color


The quick brown fox jumps over the lazy dog.

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

Border with #F0064D


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #F0064D


Linear gradient from #F0064D to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #F0064D


Radial gradient from #F0064D to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #F0064D and its Complementary Color


Linear gradient from #F0064D to #0FF9B2.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #F0064D and its Complementary Color


Radial gradient from #F0064D to #0FF9B2.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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