#3C01F8 Color Information


In the RGB color space, #3C01F8 is composed of 23.5294% red, 0.3922% green, and 97.2549% blue.

In the CMYK color space, #3C01F8 is composed of 75.8% cyan, 99.6% magenta, 0% yellow, and 2.75% black,

It has a hue angle of 254.3 degrees, a saturation of 99.2%, and a lightness of 48.82%.

The closest websafe color is #3300FF.

#3C01F8 RGB Values

#3C01F8 CMYK Values



#3C01F8 Color Conversion


The hexadecimal color #3C01F8 has RGB values of R:60, G:1, B:248 and CMYK values of C:75.8, M:99.6, Y:0, K:2.75. It has a decimal value of 3932664.


Hexadecimal #3C01F8 #3C01F8
RGB Decimal 60, 1, 248 rgb(60, 1, 248)
RGB Percent 23.5294, 0.3922, 97.2549 rgb(23.5294%, 0.3922%, 97.2549%)
RGB Proportion 0.2353, 0.0039, 0.9725 rgb(0.2353, 0.0039, 0.9725)
CMYK 75.8, 99.6, 0, 2.75
HSL 254.3ยบ, 99.2, 48.82 hsl(254.3, 99.2%, 48.82%)
Websafe 3300FF #3300FF
XYZ 18.816, 7.759, 89.303
Yxy 7.759, 0.162, 0.067
CIE-LAB 33.476, 78.149, -101.908
CIE-LCH 33.476, 128.423, 307.483
CIE-LUV 33.476, -4.844, -128.426
Hunter-Lab 27.855, 71.83, -170.585

Color Schemes For #3C01F8


Colors that go well with #3C01F8.

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

Alternatives to #3C01F8


Colors similar to #3C01F8.


#3C01F8 Preview


Common HTML and CSS shortcodes for #3C01F8.

Text with color #3C01F8


The quick brown fox jumps over the lazy dog.

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

#3C01F8 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #3C01F8


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #3C01F8


Linear gradient from #3C01F8 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #3C01F8


Radial gradient from #3C01F8 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #3C01F8 and its Complementary Color


Linear gradient from #3C01F8 to #C3FE07.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #3C01F8 and its Complementary Color


Radial gradient from #3C01F8 to #C3FE07.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors