#3C68BC Color Information


In the RGB color space, #3C68BC is composed of 23.5294% red, 40.7843% green, and 73.7255% blue.

In the CMYK color space, #3C68BC is composed of 68.09% cyan, 44.69% magenta, 0% yellow, and 26.27% black,

It has a hue angle of 219.4 degrees, a saturation of 51.61%, and a lightness of 48.63%.

The closest websafe color is #3366CC.

#3C68BC RGB Values

#3C68BC CMYK Values



#3C68BC Color Conversion


The hexadecimal color #3C68BC has RGB values of R:60, G:104, B:188 and CMYK values of C:68.09, M:44.69, Y:0, K:26.27. It has a decimal value of 3958972.


Hexadecimal #3C68BC #3C68BC
RGB Decimal 60, 104, 188 rgb(60, 104, 188)
RGB Percent 23.5294, 40.7843, 73.7255 rgb(23.5294%, 40.7843%, 73.7255%)
RGB Proportion 0.2353, 0.4078, 0.7373 rgb(0.2353, 0.4078, 0.7373)
CMYK 68.09, 44.69, 0, 26.27
HSL 219.4ยบ, 51.61, 48.63 hsl(219.4, 51.61%, 48.63%)
Websafe 3366CC #3366CC
XYZ 15.891, 14.49, 49.543
Yxy 14.49, 0.199, 0.181
CIE-LAB 44.928, 12.83, -48.781
CIE-LCH 44.928, 50.44, 284.736
CIE-LUV 44.928, -18.331, -74.078
Hunter-Lab 38.066, 7.902, -50.521

Color Schemes For #3C68BC


Colors that go well with #3C68BC.

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

Alternatives to #3C68BC


Colors similar to #3C68BC.


#3C68BC Preview


Common HTML and CSS shortcodes for #3C68BC.

Text with color #3C68BC


The quick brown fox jumps over the lazy dog.

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

#3C68BC as background color


The quick brown fox jumps over the lazy dog.

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

Border with #3C68BC


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #3C68BC


Linear gradient from #3C68BC to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #3C68BC


Radial gradient from #3C68BC to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #3C68BC and its Complementary Color


Linear gradient from #3C68BC to #C39743.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #3C68BC and its Complementary Color


Radial gradient from #3C68BC to #C39743.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors