#331CD5 Color Information


In the RGB color space, #331CD5 is composed of 20% red, 10.9804% green, and 83.5294% blue.

In the CMYK color space, #331CD5 is composed of 76.06% cyan, 86.86% magenta, 0% yellow, and 16.47% black,

It has a hue angle of 247.5 degrees, a saturation of 76.76%, and a lightness of 47.26%.

The closest websafe color is #3333CC.

#331CD5 RGB Values

#331CD5 CMYK Values



#331CD5 Color Conversion


The hexadecimal color #331CD5 has RGB values of R:51, G:28, B:213 and CMYK values of C:76.06, M:86.86, Y:0, K:16.47. It has a decimal value of 3349717.


Hexadecimal #331CD5 #331CD5
RGB Decimal 51, 28, 213 rgb(51, 28, 213)
RGB Percent 20, 10.9804, 83.5294 rgb(20%, 10.9804%, 83.5294%)
RGB Proportion 0.2, 0.1098, 0.8353 rgb(0.2, 0.1098, 0.8353)
CMYK 76.06, 86.86, 0, 16.47
HSL 247.5ยบ, 76.76, 47.26 hsl(247.5, 76.76%, 47.26%)
Websafe 3333CC #3333CC
XYZ 13.791, 6.338, 63.448
Yxy 6.338, 0.165, 0.076
CIE-LAB 30.25, 63.386, -87.31
CIE-LCH 30.25, 107.893, 305.979
CIE-LUV 30.25, -5.298, -109.202
Hunter-Lab 25.175, 53.725, -131.802

Color Schemes For #331CD5


Colors that go well with #331CD5.

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

Alternatives to #331CD5


Colors similar to #331CD5.


#331CD5 Preview


Common HTML and CSS shortcodes for #331CD5.

Text with color #331CD5


The quick brown fox jumps over the lazy dog.

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

#331CD5 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #331CD5


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #331CD5


Linear gradient from #331CD5 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #331CD5


Radial gradient from #331CD5 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #331CD5 and its Complementary Color


Linear gradient from #331CD5 to #CCE32A.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #331CD5 and its Complementary Color


Radial gradient from #331CD5 to #CCE32A.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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 #FCFBFE.

Shades


Tints

Random Colors