#2ad669 hex color

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

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

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

The hexadecimal color #2ad669 has RGB values of R:42, G:214, B:105 and CMYK values of C:0.8, M:0, Y:0.51, K:0.16. Its decimal value is 2807401.

Hex triplet	2ad669	`#2ad669`
RGB Decimal	42, 214, 105	`rgb(42,214,105)`
RGB Percent	16.5, 83.9, 41.2	`rgb(16.5%,83.9%,41.2%)`
CMYK	80, 0, 51, 16
HSL	142°, 67.7, 50.2	`hsl(142,67.7%,50.2%)`
HSV (or HSB)	142°, 80.4, 83.9
Web Safe	33cc66	`#33cc66`

CIE-LAB	75.825, -64.897, 41.88
XYZ	27.549, 49.602, 21.486
xyY	0.279, 0.503, 49.602
CIE-LCH	75.825, 77.237, 147.165
CIE-LUV	75.825, -65.089, 64.696
Hunter-Lab	70.429, -53.428, 31.212
Binary	00101010, 11010110, 01101001

#2ad669
```
#2ad669 rgb(42,214,105)
```
#d62a97
```
#d62a97 rgb(214,42,151)
```

Complementary Color

#41d62a
```
#41d62a rgb(65,214,42)
```
#2ad669
```
#2ad669 rgb(42,214,105)
```
#2ad6bf
```
#2ad6bf rgb(42,214,191)
```

Analogous Color

#d62a41
```
#d62a41 rgb(214,42,65)
```
#2ad669
```
#2ad669 rgb(42,214,105)
```
#bf2ad6
```
#bf2ad6 rgb(191,42,214)
```

Split Complementary Color

#d6692a
```
#d6692a rgb(214,105,42)
```
#2ad669
```
#2ad669 rgb(42,214,105)
```
#692ad6
```
#692ad6 rgb(105,42,214)
```

Triadic Color

#97d62a
```
#97d62a rgb(151,214,42)
```
#2ad669
```
#2ad669 rgb(42,214,105)
```
#692ad6
```
#692ad6 rgb(105,42,214)
```
#d62a97
```
#d62a97 rgb(214,42,151)
```

Tetradic Color

#1d9749
```
#1d9749 rgb(29,151,73)
```
#21ac54
```
#21ac54 rgb(33,172,84)
```
#25c15e
```
#25c15e rgb(37,193,94)
```
#2ad669
```
#2ad669 rgb(42,214,105)
```
#3fda78
```
#3fda78 rgb(63,218,120)
```
#55de87
```
#55de87 rgb(85,222,135)
```
#6ae296
```
#6ae296 rgb(106,226,150)
```

Monochromatic Color

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

#2ad63e
```
#2ad63e rgb(42,214,62)
```
#2ad64c
```
#2ad64c rgb(42,214,76)
```
#2ad65b
```
#2ad65b rgb(42,214,91)
```
#2ad669
```
#2ad669 rgb(42,214,105)
```
#2ad677
```
#2ad677 rgb(42,214,119)
```
#2ad686
```
#2ad686 rgb(42,214,134)
```
#2ad694
```
#2ad694 rgb(42,214,148)
```

Similar Colors

Text with hexadecimal color #2ad669

This text has a font color of #2ad669.

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

#2ad669 background color

This paragraph has a background color of #2ad669.

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

#2ad669 border color

This element has a border color of #2ad669.

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

CSS codes

.text {color:#2ad669;}

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

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

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 #effcf4 is the lightest one.

#000100
```
#000100 rgb(0,1,0)
```
#031108
```
#031108 rgb(3,17,8)
```
#062210
```
#062210 rgb(6,34,16)
```
#0a3219
```
#0a3219 rgb(10,50,25)
```
#0d4321
```
#0d4321 rgb(13,67,33)
```
#105329
```
#105329 rgb(16,83,41)
```
#136431
```
#136431 rgb(19,100,49)
```
#167439
```
#167439 rgb(22,116,57)
```
#198441
```
#198441 rgb(25,132,65)
```
#1d9549
```
#1d9549 rgb(29,149,73)
```
#20a551
```
#20a551 rgb(32,165,81)
```
#23b659
```
#23b659 rgb(35,182,89)
```
#26c661
```
#26c661 rgb(38,198,97)
```

Shade Color Variation

#2ad669
```
#2ad669 rgb(42,214,105)
```
#3ad975
```
#3ad975 rgb(58,217,117)
```
#4bdc80
```
#4bdc80 rgb(75,220,128)
```
#5bdf8c
```
#5bdf8c rgb(91,223,140)
```
#6ce397
```
#6ce397 rgb(108,227,151)
```
#7ce6a3
```
#7ce6a3 rgb(124,230,163)
```
#8de9af
```
#8de9af rgb(141,233,175)
```
#9decba
```
#9decba rgb(157,236,186)
```
#aeefc6
```
#aeefc6 rgb(174,239,198)
```
#bef2d1
```
#bef2d1 rgb(190,242,209)
```
#cef6dd
```
#cef6dd rgb(206,246,221)
```
#dff9e8
```
#dff9e8 rgb(223,249,232)
```
#effcf4
```
#effcf4 rgb(239,252,244)
```

Tint Color Variation

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

#78887e
```
#78887e rgb(120,136,126)
```
#6e927b
```
#6e927b rgb(110,146,123)
```
#659b79
```
#659b79 rgb(101,155,121)
```
#5ba576
```
#5ba576 rgb(91,165,118)
```
#51af73
```
#51af73 rgb(81,175,115)
```
#47b971
```
#47b971 rgb(71,185,113)
```
#3ec26e
```
#3ec26e rgb(62,194,110)
```
#34cc6c
```
#34cc6c rgb(52,204,108)
```
#2ad669
```
#2ad669 rgb(42,214,105)
```
#20e066
```
#20e066 rgb(32,224,102)
```
#16ea64
```
#16ea64 rgb(22,234,100)
```
#0df361
```
#0df361 rgb(13,243,97)
```
#03fd5f
```
#03fd5f rgb(3,253,95)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#80a38d Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1be68 Protanopia 1% of men
#e3b67c Deuteranopia 1% of men
#69ccdb Tritanopia 0.001% of the population

Trichromacy

#94c768 Protanomaly 1% of men, 0.01% of women
#a0c175 Deuteranomaly 6% of men, 0.4% of women
#52cfb1 Tritanomaly 0.01% of the population

#2ad669 hex color

#2ad669 Color Information

#2ad669 Color Conversion

Color Schemes with #2ad669

Alternatives to #2ad669

#2ad669 Preview

Shades and Tints of #2ad669

Tones of #2ad669

Color Blindness Simulator