#371DD0 Color Information


In the RGB color space, #371DD0 is composed of 21.5686% red, 11.3725% green, and 81.5686% blue.

In the CMYK color space, #371DD0 is composed of 73.56% cyan, 86.06% magenta, 0% yellow, and 18.43% black,

It has a hue angle of 248.7 degrees, a saturation of 75.53%, and a lightness of 46.47%.

The closest websafe color is #3333CC.

#371DD0 RGB Values

#371DD0 CMYK Values



#371DD0 Color Conversion


The hexadecimal color #371DD0 has RGB values of R:55, G:29, B:208 and CMYK values of C:73.56, M:86.06, Y:0, K:18.43. It has a decimal value of 3612112.


Hexadecimal #371DD0 #371DD0
RGB Decimal 55, 29, 208 rgb(55, 29, 208)
RGB Percent 21.5686, 11.3725, 81.5686 rgb(21.5686%, 11.3725%, 81.5686%)
RGB Proportion 0.2157, 0.1137, 0.8157 rgb(0.2157, 0.1137, 0.8157)
CMYK 73.56, 86.06, 0, 18.43
HSL 248.7ยบ, 75.53, 46.47 hsl(248.7, 75.53%, 46.47%)
Websafe 3333CC #3333CC
XYZ 13.401, 6.245, 60.176
Yxy 6.245, 0.168, 0.078
CIE-LAB 30.022, 61.865, -84.78
CIE-LCH 30.022, 104.952, 306.119
CIE-LUV 30.022, -4.472, -106.513
Hunter-Lab 24.99, 51.989, -125.278

Color Schemes For #371DD0


Colors that go well with #371DD0.

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

Alternatives to #371DD0


Colors similar to #371DD0.


#371DD0 Preview


Common HTML and CSS shortcodes for #371DD0.

Text with color #371DD0


The quick brown fox jumps over the lazy dog.

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

#371DD0 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #371DD0


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #371DD0


Linear gradient from #371DD0 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #371DD0


Radial gradient from #371DD0 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #371DD0 and its Complementary Color


Linear gradient from #371DD0 to #C8E22F.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #371DD0 and its Complementary Color


Radial gradient from #371DD0 to #C8E22F.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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