#60A7E0 Color Information


In the RGB color space, #60A7E0 is composed of 37.6471% red, 65.4902% green, and 87.8431% blue.

In the CMYK color space, #60A7E0 is composed of 57.14% cyan, 25.44% magenta, 0% yellow, and 12.16% black,

It has a hue angle of 206.7 degrees, a saturation of 67.36%, and a lightness of 62.74%.

The closest websafe color is #6699CC.

#60A7E0 RGB Values

#60A7E0 CMYK Values



#60A7E0 Color Conversion


The hexadecimal color #60A7E0 has RGB values of R:96, G:167, B:224 and CMYK values of C:57.14, M:25.44, Y:0, K:12.16. It has a decimal value of 6334432.


Hexadecimal #60A7E0 #60A7E0
RGB Decimal 96, 167, 224 rgb(96, 167, 224)
RGB Percent 37.6471, 65.4902, 87.8431 rgb(37.6471%, 65.4902%, 87.8431%)
RGB Proportion 0.3765, 0.6549, 0.8784 rgb(0.3765, 0.6549, 0.8784)
CMYK 57.14, 25.44, 0, 12.16
HSL 206.7ยบ, 67.36, 62.74 hsl(206.7, 67.36%, 62.74%)
Websafe 6699CC #6699CC
XYZ 32.097, 35.506, 75.677
Yxy 35.506, 0.224, 0.248
CIE-LAB 66.141, -5.868, -35.538
CIE-LCH 66.141, 36.019, 260.624
CIE-LUV 66.141, -30.675, -55.644
Hunter-Lab 59.587, -8.127, -33.589

Color Schemes For #60A7E0


Colors that go well with #60A7E0.

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

Alternatives to #60A7E0


Colors similar to #60A7E0.


#60A7E0 Preview


Common HTML and CSS shortcodes for #60A7E0.

Text with color #60A7E0


The quick brown fox jumps over the lazy dog.

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

#60A7E0 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #60A7E0


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #60A7E0


Linear gradient from #60A7E0 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #60A7E0


Radial gradient from #60A7E0 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #60A7E0 and its Complementary Color


Linear gradient from #60A7E0 to #9F581F.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#60A7E0, #9F581F);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #60A7E0 and its Complementary Color


Radial gradient from #60A7E0 to #9F581F.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#60A7E0, #9F581F);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors