#52e684 hex color

In a RGB color space, hex #52e684 is composed of 32.2% red, 90.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 0% magenta, 42.6% yellow and 9.8% black. It has a hue angle of 140.3 degrees, a saturation of 74.7% and a lightness of 61.2%. #52e684 color hex could be obtained by blending #a4ffff with #00cd09. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 32
- G 90
- B 52
RGB color chart
- C 64
- M 0
- Y 43
- K 10
CMYK color chart

● #52e684 color description : Soft cyan - lime green.

The hexadecimal color #52e684 has RGB values of R:82, G:230, B:132 and CMYK values of C:0.64, M:0, Y:0.43, K:0.1. Its decimal value is 5432964.

Hex triplet	52e684	`#52e684`
RGB Decimal	82, 230, 132	`rgb(82,230,132)`
RGB Percent	32.2, 90.2, 51.8	`rgb(32.2%,90.2%,51.8%)`
CMYK	64, 0, 43, 10
HSL	140.3°, 74.7, 61.2	`hsl(140.3,74.7%,61.2%)`
HSV (or HSB)	140.3°, 64.3, 90.2
Web Safe	66ff99	`#66ff99`

CIE-LAB	81.865, -60.275, 36.422
XYZ	35.939, 60.05, 31.525
xyY	0.282, 0.471, 60.05
CIE-LCH	81.865, 70.425, 148.857
CIE-LUV	81.865, -62.197, 59.31
Hunter-Lab	77.492, -52.827, 30.124
Binary	01010010, 11100110, 10000100

#52e684
```
#52e684 rgb(82,230,132)
```
#e652b4
```
#e652b4 rgb(230,82,180)
```

Complementary Color

#6ae652
```
#6ae652 rgb(106,230,82)
```
#52e684
```
#52e684 rgb(82,230,132)
```
#52e6ce
```
#52e6ce rgb(82,230,206)
```

Analogous Color

#e6526a
```
#e6526a rgb(230,82,106)
```
#52e684
```
#52e684 rgb(82,230,132)
```
#ce52e6
```
#ce52e6 rgb(206,82,230)
```

Split Complementary Color

#e68452
```
#e68452 rgb(230,132,82)
```
#52e684
```
#52e684 rgb(82,230,132)
```
#8452e6
```
#8452e6 rgb(132,82,230)
```

Triadic Color

#b4e652
```
#b4e652 rgb(180,230,82)
```
#52e684
```
#52e684 rgb(82,230,132)
```
#8452e6
```
#8452e6 rgb(132,82,230)
```
#e652b4
```
#e652b4 rgb(230,82,180)
```

Tetradic Color

#1ece59
```
#1ece59 rgb(30,206,89)
```
#25e064
```
#25e064 rgb(37,224,100)
```
#3ce374
```
#3ce374 rgb(60,227,116)
```
#52e684
```
#52e684 rgb(82,230,132)
```
#68e994
```
#68e994 rgb(104,233,148)
```
#7feca4
```
#7feca4 rgb(127,236,164)
```
#95f0b4
```
#95f0b4 rgb(149,240,180)
```

Monochromatic Color

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

#52e65f
```
#52e65f rgb(82,230,95)
```
#52e66b
```
#52e66b rgb(82,230,107)
```
#52e678
```
#52e678 rgb(82,230,120)
```
#52e684
```
#52e684 rgb(82,230,132)
```
#52e690
```
#52e690 rgb(82,230,144)
```
#52e69d
```
#52e69d rgb(82,230,157)
```
#52e6a9
```
#52e6a9 rgb(82,230,169)
```

Similar Colors

Text with hexadecimal color #52e684

This text has a font color of #52e684.

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

#52e684 background color

This paragraph has a background color of #52e684.

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

#52e684 border color

This element has a border color of #52e684.

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

CSS codes

.text {color:#52e684;}

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

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

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

#021007
```
#021007 rgb(2,16,7)
```
#05210e
```
#05210e rgb(5,33,14)
```
#073216
```
#073216 rgb(7,50,22)
```
#0a431d
```
#0a431d rgb(10,67,29)
```
#0c5424
```
#0c5424 rgb(12,84,36)
```
#0f652c
```
#0f652c rgb(15,101,44)
```
#117633
```
#117633 rgb(17,118,51)
```
#14873b
```
#14873b rgb(20,135,59)
```
#169942
```
#169942 rgb(22,153,66)
```
#19aa4a
```
#19aa4a rgb(25,170,74)
```
#1bbb51
```
#1bbb51 rgb(27,187,81)
```
#1dcc58
```
#1dcc58 rgb(29,204,88)
```
#20dd60
```
#20dd60 rgb(32,221,96)
```

Shade Color Variation

#30e16c
```
#30e16c rgb(48,225,108)
```
#41e478
```
#41e478 rgb(65,228,120)
```
#52e684
```
#52e684 rgb(82,230,132)
```
#63e890
```
#63e890 rgb(99,232,144)
```
#74eb9c
```
#74eb9c rgb(116,235,156)
```
#85eda9
```
#85eda9 rgb(133,237,169)
```
#97f0b5
```
#97f0b5 rgb(151,240,181)
```
#a8f2c1
```
#a8f2c1 rgb(168,242,193)
```
#b9f5cd
```
#b9f5cd rgb(185,245,205)
```
#caf7d9
```
#caf7d9 rgb(202,247,217)
```
#dbfae5
```
#dbfae5 rgb(219,250,229)
```
#ecfcf2
```
#ecfcf2 rgb(236,252,242)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97a19a is the less saturated color, while #3bfd7d is the most saturated one.

#97a19a
```
#97a19a rgb(151,161,154)
```
#8fa998
```
#8fa998 rgb(143,169,152)
```
#87b195
```
#87b195 rgb(135,177,149)
```
#80b893
```
#80b893 rgb(128,184,147)
```
#78c090
```
#78c090 rgb(120,192,144)
```
#70c88e
```
#70c88e rgb(112,200,142)
```
#69cf8b
```
#69cf8b rgb(105,207,139)
```
#61d789
```
#61d789 rgb(97,215,137)
```
#5ade86
```
#5ade86 rgb(90,222,134)
```
#52e684
```
#52e684 rgb(82,230,132)
```
#4aee82
```
#4aee82 rgb(74,238,130)
```
#43f57f
```
#43f57f rgb(67,245,127)
```
#3bfd7d
```
#3bfd7d rgb(59,253,125)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9cbaa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0ce81 Protanopia 1% of men
#f3c695 Deuteranopia 1% of men
#7fdbeb Tritanopia 0.001% of the population

Trichromacy

#acd682 Protanomaly 1% of men, 0.01% of women
#b8d18f Deuteranomaly 6% of men, 0.4% of women
#6edfc6 Tritanomaly 0.01% of the population

#52e684 hex color

#52e684 Color Information

#52e684 Color Conversion

Color Schemes with #52e684

Alternatives to #52e684

#52e684 Preview

Shades and Tints of #52e684

Tones of #52e684

Color Blindness Simulator