#00A57F Color Information


In the RGB color space, #00A57F is composed of 0% red, 64.7059% green, and 49.8039% blue.

In the CMYK color space, #00A57F is composed of 100% cyan, 0% magenta, 23.04% yellow, and 35.29% black,

It has a hue angle of 166.2 degrees, a saturation of 100%, and a lightness of 32.36%.

The closest websafe color is #009966.

#00A57F RGB Values

#00A57F CMYK Values



#00A57F Color Conversion


The hexadecimal color #00A57F has RGB values of R:0, G:165, B:127 and CMYK values of C:100, M:0, Y:23.04, K:35.29. It has a decimal value of 42367.


Hexadecimal #00A57F #00A57F
RGB Decimal 0, 165, 127 rgb(0, 165, 127)
RGB Percent 0, 64.7059, 49.8039 rgb(0%, 64.7059%, 49.8039%)
RGB Proportion 0.0, 0.6471, 0.498 rgb(0.0, 0.6471, 0.498)
CMYK 100, 0, 23.04, 35.29
HSL 166.2ยบ, 100, 32.36 hsl(166.2, 100%, 32.36%)
Websafe 009966 #009966
XYZ 17.287, 28.446, 24.655
Yxy 28.446, 0.246, 0.404
CIE-LAB 60.29, -45.545, 9.631
CIE-LCH 60.29, 46.552, 168.06
CIE-LUV 60.29, -50.423, 20.342
Hunter-Lab 53.335, -35.48, 9.926

Color Schemes For #00A57F


Colors that go well with #00A57F.

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

Alternatives to #00A57F


Colors similar to #00A57F.


#00A57F Preview


Common HTML and CSS shortcodes for #00A57F.

Text with color #00A57F


The quick brown fox jumps over the lazy dog.

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

#00A57F as background color


The quick brown fox jumps over the lazy dog.

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

Border with #00A57F


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #00A57F


Linear gradient from #00A57F to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #00A57F


Radial gradient from #00A57F to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #00A57F and its Complementary Color


Linear gradient from #00A57F to #FF5A80.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #00A57F and its Complementary Color


Radial gradient from #00A57F to #FF5A80.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors