#52a677 hex color

In a RGB color space, hex #52a677 is composed of 32.2% red, 65.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 0% magenta, 28.3% yellow and 34.9% black. It has a hue angle of 146.4 degrees, a saturation of 33.9% and a lightness of 48.6%. #52a677 color hex could be obtained by blending #a4ffee with #004d00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 32
- G 65
- B 47
RGB color chart
- C 51
- M 0
- Y 28
- K 35
CMYK color chart

● #52a677 color description : Dark moderate cyan - lime green.

The hexadecimal color #52a677 has RGB values of R:82, G:166, B:119 and CMYK values of C:0.51, M:0, Y:0.28, K:0.35. Its decimal value is 5416567.

Hex triplet	52a677	`#52a677`
RGB Decimal	82, 166, 119	`rgb(82,166,119)`
RGB Percent	32.2, 65.1, 46.7	`rgb(32.2%,65.1%,46.7%)`
CMYK	51, 0, 28, 35
HSL	146.4°, 33.9, 48.6	`hsl(146.4,33.9%,48.6%)`
HSV (or HSB)	146.4°, 50.6, 65.1
Web Safe	669966	`#669966`

CIE-LAB	61.995, -36.604, 16.687
XYZ	20.444, 30.397, 22.242
xyY	0.28, 0.416, 30.397
CIE-LCH	61.995, 40.228, 155.493
CIE-LUV	61.995, -38.097, 28.502
Hunter-Lab	55.133, -30.292, 14.675
Binary	01010010, 10100110, 01110111

#52a677
```
#52a677 rgb(82,166,119)
```
#a65281
```
#a65281 rgb(166,82,129)
```

Complementary Color

#57a652
```
#57a652 rgb(87,166,82)
```
#52a677
```
#52a677 rgb(82,166,119)
```
#52a6a1
```
#52a6a1 rgb(82,166,161)
```

Analogous Color

#a65257
```
#a65257 rgb(166,82,87)
```
#52a677
```
#52a677 rgb(82,166,119)
```
#a152a6
```
#a152a6 rgb(161,82,166)
```

Split Complementary Color

#a67752
```
#a67752 rgb(166,119,82)
```
#52a677
```
#52a677 rgb(82,166,119)
```
#7752a6
```
#7752a6 rgb(119,82,166)
```

Triadic Color

#81a652
```
#81a652 rgb(129,166,82)
```
#52a677
```
#52a677 rgb(82,166,119)
```
#7752a6
```
#7752a6 rgb(119,82,166)
```
#a65281
```
#a65281 rgb(166,82,129)
```

Tetradic Color

#397352
```
#397352 rgb(57,115,82)
```
#41845f
```
#41845f rgb(65,132,95)
```
#4a956b
```
#4a956b rgb(74,149,107)
```
#52a677
```
#52a677 rgb(82,166,119)
```
#61b184
```
#61b184 rgb(97,177,132)
```
#72b991
```
#72b991 rgb(114,185,145)
```
#83c29f
```
#83c29f rgb(131,194,159)
```

Monochromatic Color

Below, you can see some colors close to #52a677. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#52a662
```
#52a662 rgb(82,166,98)
```
#52a669
```
#52a669 rgb(82,166,105)
```
#52a670
```
#52a670 rgb(82,166,112)
```
#52a677
```
#52a677 rgb(82,166,119)
```
#52a67e
```
#52a67e rgb(82,166,126)
```
#52a685
```
#52a685 rgb(82,166,133)
```
#52a68c
```
#52a68c rgb(82,166,140)
```

Similar Colors

Text with hexadecimal color #52a677

This text has a font color of #52a677.

<span style="color:#52a677;">Text here</span>

#52a677 background color

This paragraph has a background color of #52a677.

<p style="background-color:#52a677;">Content here</p>

#52a677 border color

This element has a border color of #52a677.

<div style="border:1px solid #52a677;">Content here</div>

CSS codes

.text {color:#52a677;}

.background {background-color:#52a677;}

.border {border:1px solid #52a677;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040806 is the darkest color, while #fafdfb is the lightest one.

#040806
```
#040806 rgb(4,8,6)
```
#0b160f
```
#0b160f rgb(11,22,15)
```
#112319
```
#112319 rgb(17,35,25)
```
#183022
```
#183022 rgb(24,48,34)
```
#1e3d2c
```
#1e3d2c rgb(30,61,44)
```
#254a35
```
#254a35 rgb(37,74,53)
```
#2b573f
```
#2b573f rgb(43,87,63)
```
#326448
```
#326448 rgb(50,100,72)
```
#387151
```
#387151 rgb(56,113,81)
```
#3f7f5b
```
#3f7f5b rgb(63,127,91)
```
#458c64
```
#458c64 rgb(69,140,100)
```
#4c996e
```
#4c996e rgb(76,153,110)
```
#52a677
```
#52a677 rgb(82,166,119)
```

Shade Color Variation

#5daf81
```
#5daf81 rgb(93,175,129)
```
#6ab58b
```
#6ab58b rgb(106,181,139)
```
#77bc95
```
#77bc95 rgb(119,188,149)
```
#84c2a0
```
#84c2a0 rgb(132,194,160)
```
#91c9aa
```
#91c9aa rgb(145,201,170)
```
#9ecfb4
```
#9ecfb4 rgb(158,207,180)
```
#acd6be
```
#acd6be rgb(172,214,190)
```
#b9dcc8
```
#b9dcc8 rgb(185,220,200)
```
#c6e3d3
```
#c6e3d3 rgb(198,227,211)
```
#d3e9dd
```
#d3e9dd rgb(211,233,221)
```
#e0f0e7
```
#e0f0e7 rgb(224,240,231)
```
#edf6f1
```
#edf6f1 rgb(237,246,241)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78807c is the less saturated color, while #06f26e is the most saturated one.

#78807c
```
#78807c rgb(120,128,124)
```
#6f897a
```
#6f897a rgb(111,137,122)
```
#659379
```
#659379 rgb(101,147,121)
```
#5c9c78
```
#5c9c78 rgb(92,156,120)
```
#52a677
```
#52a677 rgb(82,166,119)
```
#48b076
```
#48b076 rgb(72,176,118)
```
#3fb975
```
#3fb975 rgb(63,185,117)
```
#35c374
```
#35c374 rgb(53,195,116)
```
#2ccc72
```
#2ccc72 rgb(44,204,114)
```
#22d671
```
#22d671 rgb(34,214,113)
```
#19df70
```
#19df70 rgb(25,223,112)
```
#0fe96f
```
#0fe96f rgb(15,233,111)
```
#06f26e
```
#06f26e rgb(6,242,110)
```

Tone Color Variation

Below, you can see how #52a677 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#888888 Achromatopsia 0.005% of the population
#7d8e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59b77 Protanopia 1% of men
#b19585 Deuteranopia 1% of men
#6aa4af Tritanopia 0.001% of the population

Trichromacy

#879f77 Protanomaly 1% of men, 0.01% of women
#8e9b7f Deuteranomaly 6% of men, 0.4% of women
#61a49b Tritanomaly 0.01% of the population

#52a677 hex color

#52a677 Color Information

#52a677 Color Conversion

Color Schemes with #52a677

Alternatives to #52a677

#52a677 Preview

Shades and Tints of #52a677

Tones of #52a677

Color Blindness Simulator