#00A352 Color Information


In the RGB color space, #00A352 is composed of 0% red, 63.9216% green, and 32.1569% blue.

In the CMYK color space, #00A352 is composed of 100% cyan, 0% magenta, 49.69% yellow, and 36.08% black,

It has a hue angle of 150.2 degrees, a saturation of 100%, and a lightness of 31.96%.

The closest websafe color is #009966.

#00A352 RGB Values

#00A352 CMYK Values



#00A352 Color Conversion


The hexadecimal color #00A352 has RGB values of R:0, G:163, B:82 and CMYK values of C:100, M:0, Y:49.69, K:36.08. It has a decimal value of 41810.


Hexadecimal #00A352 #00A352
RGB Decimal 0, 163, 82 rgb(0, 163, 82)
RGB Percent 0, 63.9216, 32.1569 rgb(0%, 63.9216%, 32.1569%)
RGB Proportion 0.0, 0.6392, 0.3216 rgb(0.0, 0.6392, 0.3216)
CMYK 100, 0, 49.69, 36.08
HSL 150.2ยบ, 100, 31.96 hsl(150.2, 100%, 31.96%)
Websafe 009966 #009966
XYZ 14.62, 26.802, 12.387
Yxy 26.802, 0.272, 0.498
CIE-LAB 58.791, -54.473, 32.04
CIE-LCH 58.791, 63.197, 149.537
CIE-LUV 58.791, -52.717, 48.304
Hunter-Lab 51.771, -40.19, 22.053

Color Schemes For #00A352


Colors that go well with #00A352.

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

Alternatives to #00A352


Colors similar to #00A352.


#00A352 Preview


Common HTML and CSS shortcodes for #00A352.

Text with color #00A352


The quick brown fox jumps over the lazy dog.

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

#00A352 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #00A352


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #00A352


Linear gradient from #00A352 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #00A352


Radial gradient from #00A352 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #00A352 and its Complementary Color


Linear gradient from #00A352 to #FF5CAD.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #00A352 and its Complementary Color


Radial gradient from #00A352 to #FF5CAD.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors