#5275CF Color Information


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

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

It has a hue angle of 223.2 degrees, a saturation of 56.57%, and a lightness of 56.67%.

The closest websafe color is #6666CC.

#5275CF RGB Values

#5275CF CMYK Values



#5275CF Color Conversion


The hexadecimal color #5275CF has RGB values of R:82, G:117, B:207 and CMYK values of C:60.38, M:43.48, Y:0, K:18.82. It has a decimal value of 5404111.


Hexadecimal #5275CF #5275CF
RGB Decimal 82, 117, 207 rgb(82, 117, 207)
RGB Percent 32.1569, 45.8824, 81.1765 rgb(32.1569%, 45.8824%, 81.1765%)
RGB Proportion 0.3216, 0.4588, 0.8118 rgb(0.3216, 0.4588, 0.8118)
CMYK 60.38, 43.48, 0, 18.82
HSL 223.2ยบ, 56.57, 56.67 hsl(223.2, 56.57%, 56.67%)
Websafe 6666CC #6666CC
XYZ 21.105, 19.021, 61.596
Yxy 19.021, 0.207, 0.187
CIE-LAB 50.712, 15.224, -50.389
CIE-LCH 50.712, 52.639, 286.811
CIE-LUV 50.712, -17.126, -78.999
Hunter-Lab 43.613, 10.056, -53.208

Color Schemes For #5275CF


Colors that go well with #5275CF.

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

Alternatives to #5275CF


Colors similar to #5275CF.


#5275CF Preview


Common HTML and CSS shortcodes for #5275CF.

Text with color #5275CF


The quick brown fox jumps over the lazy dog.

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

#5275CF as background color


The quick brown fox jumps over the lazy dog.

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

Border with #5275CF


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5275CF


Linear gradient from #5275CF to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5275CF


Radial gradient from #5275CF to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5275CF and its Complementary Color


Linear gradient from #5275CF to #AD8A30.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5275CF and its Complementary Color


Radial gradient from #5275CF to #AD8A30.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors