#3475CF Color Information


In the RGB color space, #3475CF is composed of 20.3922% red, 45.8824% green, and 81.1765% blue.

In the CMYK color space, #3475CF is composed of 74.88% cyan, 43.48% magenta, 0% yellow, and 18.82% black,

It has a hue angle of 214.8 degrees, a saturation of 61.76%, and a lightness of 50.79%.

The closest websafe color is #3366CC.

#3475CF RGB Values

#3475CF CMYK Values



#3475CF Color Conversion


The hexadecimal color #3475CF has RGB values of R:52, G:117, B:207 and CMYK values of C:74.88, M:43.48, Y:0, K:18.82. It has a decimal value of 3438031.


Hexadecimal #3475CF #3475CF
RGB Decimal 52, 117, 207 rgb(52, 117, 207)
RGB Percent 20.3922, 45.8824, 81.1765 rgb(20.3922%, 45.8824%, 81.1765%)
RGB Proportion 0.2039, 0.4588, 0.8118 rgb(0.2039, 0.4588, 0.8118)
CMYK 74.88, 43.48, 0, 18.82
HSL 214.8ยบ, 61.76, 50.79 hsl(214.8, 61.76%, 50.79%)
Websafe 3366CC #3366CC
XYZ 19.04, 17.957, 61.5
Yxy 17.957, 0.193, 0.182
CIE-LAB 49.444, 10.473, -52.489
CIE-LCH 49.444, 53.524, 281.284
CIE-LUV 49.444, -23.647, -81.365
Hunter-Lab 42.376, 6.045, -56.385

Color Schemes For #3475CF


Colors that go well with #3475CF.

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

Alternatives to #3475CF


Colors similar to #3475CF.


#3475CF Preview


Common HTML and CSS shortcodes for #3475CF.

Text with color #3475CF


The quick brown fox jumps over the lazy dog.

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

#3475CF as background color


The quick brown fox jumps over the lazy dog.

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

Border with #3475CF


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #3475CF


Linear gradient from #3475CF to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #3475CF


Radial gradient from #3475CF to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #3475CF and its Complementary Color


Linear gradient from #3475CF to #CB8A30.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #3475CF and its Complementary Color


Radial gradient from #3475CF to #CB8A30.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors