#60A59B Color Information


In the RGB color space, #60A59B is composed of 37.6471% red, 64.7059% green, and 60.7843% blue.

In the CMYK color space, #60A59B is composed of 41.82% cyan, 0% magenta, 6.07% yellow, and 35.29% black,

It has a hue angle of 171.3 degrees, a saturation of 27.71%, and a lightness of 51.18%.

The closest websafe color is #669999.

#60A59B RGB Values

#60A59B CMYK Values



#60A59B Color Conversion


The hexadecimal color #60A59B has RGB values of R:96, G:165, B:155 and CMYK values of C:41.82, M:0, Y:6.07, K:35.29. It has a decimal value of 6333851.


Hexadecimal #60A59B #60A59B
RGB Decimal 96, 165, 155 rgb(96, 165, 155)
RGB Percent 37.6471, 64.7059, 60.7843 rgb(37.6471%, 64.7059%, 60.7843%)
RGB Proportion 0.3765, 0.6471, 0.6078 rgb(0.3765, 0.6471, 0.6078)
CMYK 41.82, 0, 6.07, 35.29
HSL 171.3ยบ, 27.71, 51.18 hsl(171.3, 27.71%, 51.18%)
Websafe 669999 #669999
XYZ 24.197, 31.767, 35.862
Yxy 31.767, 0.264, 0.346
CIE-LAB 63.15, -24.271, -1.654
CIE-LCH 63.15, 24.327, 183.899
CIE-LUV 63.15, -31.791, 1.376
Hunter-Lab 56.362, -22.002, 1.729

Color Schemes For #60A59B


Colors that go well with #60A59B.

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

Alternatives to #60A59B


Colors similar to #60A59B.


#60A59B Preview


Common HTML and CSS shortcodes for #60A59B.

Text with color #60A59B


The quick brown fox jumps over the lazy dog.

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

#60A59B as background color


The quick brown fox jumps over the lazy dog.

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

Border with #60A59B


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #60A59B


Linear gradient from #60A59B to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #60A59B


Radial gradient from #60A59B to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #60A59B and its Complementary Color


Linear gradient from #60A59B to #9F5A64.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #60A59B and its Complementary Color


Radial gradient from #60A59B to #9F5A64.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors