#2ade84 hex color

In a RGB color space, hex #2ade84 is composed of 16.5% red, 87.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 0% magenta, 40.5% yellow and 12.9% black. It has a hue angle of 150 degrees, a saturation of 73.2% and a lightness of 51.8%. #2ade84 color hex could be obtained by blending #54ffff with #00bd09. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 87
- B 52
RGB color chart
- C 81
- M 0
- Y 41
- K 13
CMYK color chart

● #2ade84 color description : Bright cyan - lime green.

The hexadecimal color #2ade84 has RGB values of R:42, G:222, B:132 and CMYK values of C:0.81, M:0, Y:0.41, K:0.13. Its decimal value is 2809476.

Hex triplet	2ade84	`#2ade84`
RGB Decimal	42, 222, 132	`rgb(42,222,132)`
RGB Percent	16.5, 87.1, 51.8	`rgb(16.5%,87.1%,51.8%)`
CMYK	81, 0, 41, 13
HSL	150°, 73.2, 51.8	`hsl(150,73.2%,51.8%)`
HSV (or HSB)	150°, 81.1, 87.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.693, -63.104, 32.143
XYZ	31.239, 54.397, 30.682
xyY	0.269, 0.468, 54.397
CIE-LCH	78.693, 70.819, 153.007
CIE-LUV	78.693, -66.294, 54.126
Hunter-Lab	73.755, -53.467, 26.964
Binary	00101010, 11011110, 10000100

#2ade84
```
#2ade84 rgb(42,222,132)
```
#de2a84
```
#de2a84 rgb(222,42,132)
```

Complementary Color

#2ade2a
```
#2ade2a rgb(42,222,42)
```
#2ade84
```
#2ade84 rgb(42,222,132)
```
#2adede
```
#2adede rgb(42,222,222)
```

Analogous Color

#de2a2a
```
#de2a2a rgb(222,42,42)
```
#2ade84
```
#2ade84 rgb(42,222,132)
```
#de2ade
```
#de2ade rgb(222,42,222)
```

Split Complementary Color

#de842a
```
#de842a rgb(222,132,42)
```
#2ade84
```
#2ade84 rgb(42,222,132)
```
#842ade
```
#842ade rgb(132,42,222)
```

Triadic Color

#84de2a
```
#84de2a rgb(132,222,42)
```
#2ade84
```
#2ade84 rgb(42,222,132)
```
#842ade
```
#842ade rgb(132,42,222)
```
#de2a84
```
#de2a84 rgb(222,42,132)
```

Tetradic Color

#19a25e
```
#19a25e rgb(25,162,94)
```
#1db86b
```
#1db86b rgb(29,184,107)
```
#20cf77
```
#20cf77 rgb(32,207,119)
```
#2ade84
```
#2ade84 rgb(42,222,132)
```
#40e191
```
#40e191 rgb(64,225,145)
```
#56e59e
```
#56e59e rgb(86,229,158)
```
#6ce8aa
```
#6ce8aa rgb(108,232,170)
```

Monochromatic Color

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

#2ade57
```
#2ade57 rgb(42,222,87)
```
#2ade66
```
#2ade66 rgb(42,222,102)
```
#2ade75
```
#2ade75 rgb(42,222,117)
```
#2ade84
```
#2ade84 rgb(42,222,132)
```
#2ade93
```
#2ade93 rgb(42,222,147)
```
#2adea2
```
#2adea2 rgb(42,222,162)
```
#2adeb1
```
#2adeb1 rgb(42,222,177)
```

Similar Colors

Text with hexadecimal color #2ade84

This text has a font color of #2ade84.

<span style="color:#2ade84;">Text here</span>

#2ade84 background color

This paragraph has a background color of #2ade84.

<p style="background-color:#2ade84;">Content here</p>

#2ade84 border color

This element has a border color of #2ade84.

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

CSS codes

.text {color:#2ade84;}

.background {background-color:#2ade84;}

.border {border:1px solid #2ade84;}

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

#010805
```
#010805 rgb(1,8,5)
```
#04190e
```
#04190e rgb(4,25,14)
```
#062a18
```
#062a18 rgb(6,42,24)
```
#093b22
```
#093b22 rgb(9,59,34)
```
#0c4c2c
```
#0c4c2c rgb(12,76,44)
```
#0e5d36
```
#0e5d36 rgb(14,93,54)
```
#116e3f
```
#116e3f rgb(17,110,63)
```
#147f49
```
#147f49 rgb(20,127,73)
```
#169053
```
#169053 rgb(22,144,83)
```
#19a15d
```
#19a15d rgb(25,161,93)
```
#1cb267
```
#1cb267 rgb(28,178,103)
```
#1ec370
```
#1ec370 rgb(30,195,112)
```
#21d47a
```
#21d47a rgb(33,212,122)
```

Shade Color Variation

#2ade84
```
#2ade84 rgb(42,222,132)
```
#3be18e
```
#3be18e rgb(59,225,142)
```
#4ce398
```
#4ce398 rgb(76,227,152)
```
#5de6a1
```
#5de6a1 rgb(93,230,161)
```
#6ee9ab
```
#6ee9ab rgb(110,233,171)
```
#7febb5
```
#7febb5 rgb(127,235,181)
```
#90eebf
```
#90eebf rgb(144,238,191)
```
#a1f0c9
```
#a1f0c9 rgb(161,240,201)
```
#b2f3d2
```
#b2f3d2 rgb(178,243,210)
```
#c3f6dc
```
#c3f6dc rgb(195,246,220)
```
#d4f8e6
```
#d4f8e6 rgb(212,248,230)
```
#e5fbf0
```
#e5fbf0 rgb(229,251,240)
```
#f6fefa
```
#f6fefa rgb(246,254,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8984 is the less saturated color, while #0efa84 is the most saturated one.

#7f8984
```
#7f8984 rgb(127,137,132)
```
#769284
```
#769284 rgb(118,146,132)
```
#6c9c84
```
#6c9c84 rgb(108,156,132)
```
#63a584
```
#63a584 rgb(99,165,132)
```
#59af84
```
#59af84 rgb(89,175,132)
```
#50b884
```
#50b884 rgb(80,184,132)
```
#46c284
```
#46c284 rgb(70,194,132)
```
#3dcb84
```
#3dcb84 rgb(61,203,132)
```
#33d584
```
#33d584 rgb(51,213,132)
```
#2ade84
```
#2ade84 rgb(42,222,132)
```
#21e784
```
#21e784 rgb(33,231,132)
```
#17f184
```
#17f184 rgb(23,241,132)
```
#0efa84
```
#0efa84 rgb(14,250,132)
```

Tone Color Variation

Below, you can see how #2ade84 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

#9e9e9e Achromatopsia 0.005% of the population
#87ab99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c580 Protanopia 1% of men
#e8be96 Deuteranopia 1% of men
#68d4e4 Tritanopia 0.001% of the population

Trichromacy

#98ce81 Protanomaly 1% of men, 0.01% of women
#a2c98f Deuteranomaly 6% of men, 0.4% of women
#51d8c1 Tritanomaly 0.01% of the population

#2ade84 hex color

#2ade84 Color Information

#2ade84 Color Conversion

Color Schemes with #2ade84

Alternatives to #2ade84

#2ade84 Preview

Shades and Tints of #2ade84

Tones of #2ade84

Color Blindness Simulator