#2ad660 hex color

In a RGB color space, hex #2ad660 is composed of 16.5% red, 83.9% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 0% magenta, 55.1% yellow and 16.1% black. It has a hue angle of 138.8 degrees, a saturation of 67.7% and a lightness of 50.2%. #2ad660 color hex could be obtained by blending #54ffc0 with #00ad00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 16
- G 84
- B 38
RGB color chart
- C 80
- M 0
- Y 55
- K 16
CMYK color chart

● #2ad660 color description : Strong cyan - lime green.

The hexadecimal color #2ad660 has RGB values of R:42, G:214, B:96 and CMYK values of C:0.8, M:0, Y:0.55, K:0.16. Its decimal value is 2807392.

Hex triplet	2ad660	`#2ad660`
RGB Decimal	42, 214, 96	`rgb(42,214,96)`
RGB Percent	16.5, 83.9, 37.6	`rgb(16.5%,83.9%,37.6%)`
CMYK	80, 0, 55, 16
HSL	138.8°, 67.7, 50.2	`hsl(138.8,67.7%,50.2%)`
HSV (or HSB)	138.8°, 80.4, 83.9
Web Safe	33cc66	`#33cc66`

CIE-LAB	75.716, -66.195, 46.023
XYZ	27.111, 49.427, 19.177
xyY	0.283, 0.516, 49.427
CIE-LCH	75.716, 80.622, 145.191
CIE-LUV	75.716, -65.515, 69.082
Hunter-Lab	70.304, -54.199, 33.04
Binary	00101010, 11010110, 01100000

#2ad660
```
#2ad660 rgb(42,214,96)
```
#d62aa0
```
#d62aa0 rgb(214,42,160)
```

Complementary Color

#4ad62a
```
#4ad62a rgb(74,214,42)
```
#2ad660
```
#2ad660 rgb(42,214,96)
```
#2ad6b6
```
#2ad6b6 rgb(42,214,182)
```

Analogous Color

#d62a4a
```
#d62a4a rgb(214,42,74)
```
#2ad660
```
#2ad660 rgb(42,214,96)
```
#b62ad6
```
#b62ad6 rgb(182,42,214)
```

Split Complementary Color

#d6602a
```
#d6602a rgb(214,96,42)
```
#2ad660
```
#2ad660 rgb(42,214,96)
```
#602ad6
```
#602ad6 rgb(96,42,214)
```

Triadic Color

#a0d62a
```
#a0d62a rgb(160,214,42)
```
#2ad660
```
#2ad660 rgb(42,214,96)
```
#602ad6
```
#602ad6 rgb(96,42,214)
```
#d62aa0
```
#d62aa0 rgb(214,42,160)
```

Tetradic Color

#1d9743
```
#1d9743 rgb(29,151,67)
```
#21ac4d
```
#21ac4d rgb(33,172,77)
```
#25c156
```
#25c156 rgb(37,193,86)
```
#2ad660
```
#2ad660 rgb(42,214,96)
```
#3fda70
```
#3fda70 rgb(63,218,112)
```
#55de80
```
#55de80 rgb(85,222,128)
```
#6ae290
```
#6ae290 rgb(106,226,144)
```

Monochromatic Color

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

#2ad635
```
#2ad635 rgb(42,214,53)
```
#2ad643
```
#2ad643 rgb(42,214,67)
```
#2ad652
```
#2ad652 rgb(42,214,82)
```
#2ad660
```
#2ad660 rgb(42,214,96)
```
#2ad66e
```
#2ad66e rgb(42,214,110)
```
#2ad67d
```
#2ad67d rgb(42,214,125)
```
#2ad68b
```
#2ad68b rgb(42,214,139)
```

Similar Colors

Text with hexadecimal color #2ad660

This text has a font color of #2ad660.

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

#2ad660 background color

This paragraph has a background color of #2ad660.

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

#2ad660 border color

This element has a border color of #2ad660.

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

CSS codes

.text {color:#2ad660;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#031108
```
#031108 rgb(3,17,8)
```
#06220f
```
#06220f rgb(6,34,15)
```
#0a3216
```
#0a3216 rgb(10,50,22)
```
#0d431e
```
#0d431e rgb(13,67,30)
```
#105325
```
#105325 rgb(16,83,37)
```
#13642c
```
#13642c rgb(19,100,44)
```
#167434
```
#167434 rgb(22,116,52)
```
#19843b
```
#19843b rgb(25,132,59)
```
#1d9542
```
#1d9542 rgb(29,149,66)
```
#20a54a
```
#20a54a rgb(32,165,74)
```
#23b651
```
#23b651 rgb(35,182,81)
```
#26c658
```
#26c658 rgb(38,198,88)
```

Shade Color Variation

#2ad660
```
#2ad660 rgb(42,214,96)
```
#3ad96c
```
#3ad96c rgb(58,217,108)
```
#4bdc79
```
#4bdc79 rgb(75,220,121)
```
#5bdf85
```
#5bdf85 rgb(91,223,133)
```
#6ce391
```
#6ce391 rgb(108,227,145)
```
#7ce69d
```
#7ce69d rgb(124,230,157)
```
#8de9aa
```
#8de9aa rgb(141,233,170)
```
#9decb6
```
#9decb6 rgb(157,236,182)
```
#aeefc2
```
#aeefc2 rgb(174,239,194)
```
#bef2cf
```
#bef2cf rgb(190,242,207)
```
#cef6db
```
#cef6db rgb(206,246,219)
```
#dff9e7
```
#dff9e7 rgb(223,249,231)
```
#effcf3
```
#effcf3 rgb(239,252,243)
```

Tint Color Variation

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

#78887d
```
#78887d rgb(120,136,125)
```
#6e9279
```
#6e9279 rgb(110,146,121)
```
#659b76
```
#659b76 rgb(101,155,118)
```
#5ba572
```
#5ba572 rgb(91,165,114)
```
#51af6f
```
#51af6f rgb(81,175,111)
```
#47b96b
```
#47b96b rgb(71,185,107)
```
#3ec267
```
#3ec267 rgb(62,194,103)
```
#34cc64
```
#34cc64 rgb(52,204,100)
```
#2ad660
```
#2ad660 rgb(42,214,96)
```
#20e05c
```
#20e05c rgb(32,224,92)
```
#16ea59
```
#16ea59 rgb(22,234,89)
```
#0df355
```
#0df355 rgb(13,243,85)
```
#03fd51
```
#03fd51 rgb(3,253,81)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#80a28a Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1be60 Protanopia 1% of men
#e5b674 Deuteranopia 1% of men
#6acbda Tritanopia 0.001% of the population

Trichromacy

#94c660 Protanomaly 1% of men, 0.01% of women
#a1c16d Deuteranomaly 6% of men, 0.4% of women
#53cfae Tritanomaly 0.01% of the population

#2ad660 hex color

#2ad660 Color Information

#2ad660 Color Conversion

Color Schemes with #2ad660

Alternatives to #2ad660

#2ad660 Preview

Shades and Tints of #2ad660

Tones of #2ad660

Color Blindness Simulator