#3300FF Color Information


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

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

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

This is a websafe color.

#3300FF RGB Values

#3300FF CMYK Values



#3300FF Color Conversion


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


Hexadecimal #3300FF #3300FF
RGB Decimal 51, 0, 255 rgb(51, 0, 255)
RGB Percent 20, 0, 100 rgb(20%, 0%, 100%)
RGB Proportion 0.2, 0.0, 1.0 rgb(0.2, 0.0, 1.0)
CMYK 80, 100, 0, 0
HSL 252ยบ, 100, 50 hsl(252, 100%, 50%)
Websafe 3300FF #3300FF
XYZ 19.415, 7.924, 95.114
Yxy 7.924, 0.159, 0.065
CIE-LAB 33.824, 79.708, -105.283
CIE-LCH 33.824, 132.053, 307.129
CIE-LUV 33.824, -6.382, -131.907
Hunter-Lab 28.15, 73.851, -180.629

Color Schemes For #3300FF


Colors that go well with #3300FF.

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

Alternatives to #3300FF


Colors similar to #3300FF.


#3300FF Preview


Common HTML and CSS shortcodes for #3300FF.

Text with color #3300FF


The quick brown fox jumps over the lazy dog.

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

#3300FF as background color


The quick brown fox jumps over the lazy dog.

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

Border with #3300FF


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #3300FF


Linear gradient from #3300FF to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #3300FF


Radial gradient from #3300FF to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #3300FF and its Complementary Color


Linear gradient from #3300FF to #CCFF00.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #3300FF and its Complementary Color


Radial gradient from #3300FF to #CCFF00.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors