#52A469 Color Information


In the RGB color space, #52A469 is composed of 32.1569% red, 64.3137% green, and 41.1765% blue.

In the CMYK color space, #52A469 is composed of 49.99% cyan, 0% magenta, 35.97% yellow, and 35.69% black,

It has a hue angle of 136.8 degrees, a saturation of 33.33%, and a lightness of 48.23%.

The closest websafe color is #669966.

#52A469 RGB Values

#52A469 CMYK Values



#52A469 Color Conversion


The hexadecimal color #52A469 has RGB values of R:82, G:164, B:105 and CMYK values of C:49.99, M:0, Y:35.97, K:35.69. It has a decimal value of 5416041.


Hexadecimal #52A469 #52A469
RGB Decimal 82, 164, 105 rgb(82, 164, 105)
RGB Percent 32.1569, 64.3137, 41.1765 rgb(32.1569%, 64.3137%, 41.1765%)
RGB Proportion 0.3216, 0.6431, 0.4118 rgb(0.3216, 0.6431, 0.4118)
CMYK 49.99, 0, 35.97, 35.69
HSL 136.8ยบ, 33.33, 48.23 hsl(136.8, 33.33%, 48.23%)
Websafe 669966 #669966
XYZ 19.304, 29.362, 18.017
Yxy 29.362, 0.289, 0.44
CIE-LAB 61.1, -38.422, 23.13
CIE-LCH 61.1, 44.847, 148.952
CIE-LUV 61.1, -37.77, 36.537
Hunter-Lab 54.187, -31.236, 18.217

Color Schemes For #52A469


Colors that go well with #52A469.

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

Alternatives to #52A469


Colors similar to #52A469.


#52A469 Preview


Common HTML and CSS shortcodes for #52A469.

Text with color #52A469


The quick brown fox jumps over the lazy dog.

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

#52A469 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #52A469


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #52A469


Linear gradient from #52A469 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #52A469


Radial gradient from #52A469 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #52A469 and its Complementary Color


Linear gradient from #52A469 to #AD5B96.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #52A469 and its Complementary Color


Radial gradient from #52A469 to #AD5B96.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors