#52a684 hex color

In a RGB color space, hex #52a684 is composed of 32.2% red, 65.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 0% magenta, 20.5% yellow and 34.9% black. It has a hue angle of 155.7 degrees, a saturation of 33.9% and a lightness of 48.6%. #52a684 color hex could be obtained by blending #a4ffff with #004d09. Closest websafe color is: #669999.

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

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

The hexadecimal color #52a684 has RGB values of R:82, G:166, B:132 and CMYK values of C:0.51, M:0, Y:0.2, K:0.35. Its decimal value is 5416580.

Hex triplet	52a684	`#52a684`
RGB Decimal	82, 166, 132	`rgb(82,166,132)`
RGB Percent	32.2, 65.1, 51.8	`rgb(32.2%,65.1%,51.8%)`
CMYK	51, 0, 20, 35
HSL	155.7°, 33.9, 48.6	`hsl(155.7,33.9%,48.6%)`
HSV (or HSB)	155.7°, 50.6, 65.1
Web Safe	669999	`#669999`

CIE-LAB	62.28, -33.807, 9.877
XYZ	21.279, 30.731, 26.639
xyY	0.271, 0.391, 30.731
CIE-LCH	62.28, 35.22, 163.713
CIE-LUV	62.28, -37.59, 19.153
Hunter-Lab	55.435, -28.493, 10.314
Binary	01010010, 10100110, 10000100

#52a684
```
#52a684 rgb(82,166,132)
```
#a65274
```
#a65274 rgb(166,82,116)
```

Complementary Color

#52a65a
```
#52a65a rgb(82,166,90)
```
#52a684
```
#52a684 rgb(82,166,132)
```
#529ea6
```
#529ea6 rgb(82,158,166)
```

Analogous Color

#a65a52
```
#a65a52 rgb(166,90,82)
```
#52a684
```
#52a684 rgb(82,166,132)
```
#a6529e
```
#a6529e rgb(166,82,158)
```

Split Complementary Color

#a68452
```
#a68452 rgb(166,132,82)
```
#52a684
```
#52a684 rgb(82,166,132)
```
#8452a6
```
#8452a6 rgb(132,82,166)
```

Triadic Color

#74a652
```
#74a652 rgb(116,166,82)
```
#52a684
```
#52a684 rgb(82,166,132)
```
#8452a6
```
#8452a6 rgb(132,82,166)
```
#a65274
```
#a65274 rgb(166,82,116)
```

Tetradic Color

#39735b
```
#39735b rgb(57,115,91)
```
#418469
```
#418469 rgb(65,132,105)
```
#4a9576
```
#4a9576 rgb(74,149,118)
```
#52a684
```
#52a684 rgb(82,166,132)
```
#61b190
```
#61b190 rgb(97,177,144)
```
#72b99c
```
#72b99c rgb(114,185,156)
```
#83c2a8
```
#83c2a8 rgb(131,194,168)
```

Monochromatic Color

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

#52a66f
```
#52a66f rgb(82,166,111)
```
#52a676
```
#52a676 rgb(82,166,118)
```
#52a67d
```
#52a67d rgb(82,166,125)
```
#52a684
```
#52a684 rgb(82,166,132)
```
#52a68b
```
#52a68b rgb(82,166,139)
```
#52a692
```
#52a692 rgb(82,166,146)
```
#52a699
```
#52a699 rgb(82,166,153)
```

Similar Colors

Text with hexadecimal color #52a684

This text has a font color of #52a684.

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

#52a684 background color

This paragraph has a background color of #52a684.

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

#52a684 border color

This element has a border color of #52a684.

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

CSS codes

.text {color:#52a684;}

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

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

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, #040807 is the darkest color, while #fafdfc is the lightest one.

#040807
```
#040807 rgb(4,8,7)
```
#0b1611
```
#0b1611 rgb(11,22,17)
```
#11231c
```
#11231c rgb(17,35,28)
```
#183026
```
#183026 rgb(24,48,38)
```
#1e3d30
```
#1e3d30 rgb(30,61,48)
```
#254a3b
```
#254a3b rgb(37,74,59)
```
#2b5745
```
#2b5745 rgb(43,87,69)
```
#326450
```
#326450 rgb(50,100,80)
```
#38715a
```
#38715a rgb(56,113,90)
```
#3f7f65
```
#3f7f65 rgb(63,127,101)
```
#458c6f
```
#458c6f rgb(69,140,111)
```
#4c997a
```
#4c997a rgb(76,153,122)
```
#52a684
```
#52a684 rgb(82,166,132)
```

Shade Color Variation

#5daf8e
```
#5daf8e rgb(93,175,142)
```
#6ab597
```
#6ab597 rgb(106,181,151)
```
#77bca0
```
#77bca0 rgb(119,188,160)
```
#84c2a9
```
#84c2a9 rgb(132,194,169)
```
#91c9b2
```
#91c9b2 rgb(145,201,178)
```
#9ecfbc
```
#9ecfbc rgb(158,207,188)
```
#acd6c5
```
#acd6c5 rgb(172,214,197)
```
#b9dcce
```
#b9dcce rgb(185,220,206)
```
#c6e3d7
```
#c6e3d7 rgb(198,227,215)
```
#d3e9e0
```
#d3e9e0 rgb(211,233,224)
```
#e0f0e9
```
#e0f0e9 rgb(224,240,233)
```
#edf6f3
```
#edf6f3 rgb(237,246,243)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#78807d
```
#78807d rgb(120,128,125)
```
#6f897f
```
#6f897f rgb(111,137,127)
```
#659380
```
#659380 rgb(101,147,128)
```
#5c9c82
```
#5c9c82 rgb(92,156,130)
```
#52a684
```
#52a684 rgb(82,166,132)
```
#48b086
```
#48b086 rgb(72,176,134)
```
#3fb988
```
#3fb988 rgb(63,185,136)
```
#35c389
```
#35c389 rgb(53,195,137)
```
#2ccc8b
```
#2ccc8b rgb(44,204,139)
```
#22d68d
```
#22d68d rgb(34,214,141)
```
#19df8f
```
#19df8f rgb(25,223,143)
```
#0fe991
```
#0fe991 rgb(15,233,145)
```
#06f293
```
#06f293 rgb(6,242,147)
```

Tone Color Variation

Below, you can see how #52a684 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

#898989 Achromatopsia 0.005% of the population
#7e8f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49b83 Protanopia 1% of men
#ae9691 Deuteranopia 1% of men
#68a5b1 Tritanopia 0.001% of the population

Trichromacy

#869f83 Protanomaly 1% of men, 0.01% of women
#8c9c8c Deuteranomaly 6% of men, 0.4% of women
#60a5a0 Tritanomaly 0.01% of the population

#52a684 hex color

#52a684 Color Information

#52a684 Color Conversion

Color Schemes with #52a684

Alternatives to #52a684

#52a684 Preview

Shades and Tints of #52a684

Tones of #52a684

Color Blindness Simulator