#FF0033 Color Information


In the RGB color space, #FF0033 is composed of 100% red, 0% green, and 20% blue.

In the CMYK color space, #FF0033 is composed of 0% cyan, 100% magenta, 80% yellow, and 0% black,

It has a hue angle of 348 degrees, a saturation of 100%, and a lightness of 50%.

This is a websafe color.

#FF0033 RGB Values

#FF0033 CMYK Values



#FF0033 Color Conversion


The hexadecimal color #FF0033 has RGB values of R:255, G:0, B:51 and CMYK values of C:0, M:100, Y:80, K:0. It has a decimal value of 16711731.


Hexadecimal #FF0033 #FF0033
RGB Decimal 255, 0, 51 rgb(255, 0, 51)
RGB Percent 100, 0, 20 rgb(100%, 0%, 20%)
RGB Proportion 1.0, 0.0, 0.2 rgb(1.0, 0.0, 0.2)
CMYK 0, 100, 80, 0
HSL 348ยบ, 100, 50 hsl(348, 100%, 50%)
Websafe FF0033 #FF0033
XYZ 41.838, 21.499, 5.077
Yxy 21.499, 0.612, 0.314
CIE-LAB 53.491, 80.816, 47.827
CIE-LCH 53.491, 93.908, 30.617
CIE-LUV 53.491, 169.032, 28.823
Hunter-Lab 46.367, 79.922, 25.965

Color Schemes For #FF0033


Colors that go well with #FF0033.

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

Alternatives to #FF0033


Colors similar to #FF0033.


#FF0033 Preview


Common HTML and CSS shortcodes for #FF0033.

Text with color #FF0033


The quick brown fox jumps over the lazy dog.

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

#FF0033 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #FF0033


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #FF0033


Linear gradient from #FF0033 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #FF0033


Radial gradient from #FF0033 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #FF0033 and its Complementary Color


Linear gradient from #FF0033 to #00FFCC.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #FF0033 and its Complementary Color


Radial gradient from #FF0033 to #00FFCC.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors