#2dde86 hex color

In a RGB color space, hex #2dde86 is composed of 17.6% red, 87.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 0% magenta, 39.6% yellow and 12.9% black. It has a hue angle of 150.2 degrees, a saturation of 72.8% and a lightness of 52.4%. #2dde86 color hex could be obtained by blending #5affff with #00bd0d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 87
- B 53
RGB color chart
- C 80
- M 0
- Y 40
- K 13
CMYK color chart

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

The hexadecimal color #2dde86 has RGB values of R:45, G:222, B:134 and CMYK values of C:0.8, M:0, Y:0.4, K:0.13. Its decimal value is 3006086.

Hex triplet	2dde86	`#2dde86`
RGB Decimal	45, 222, 134	`rgb(45,222,134)`
RGB Percent	17.6, 87.1, 52.5	`rgb(17.6%,87.1%,52.5%)`
CMYK	80, 0, 40, 13
HSL	150.2°, 72.8, 52.4	`hsl(150.2,72.8%,52.4%)`
HSV (or HSB)	150.2°, 79.7, 87.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.763, -62.432, 31.227
XYZ	31.504, 54.518, 31.416
xyY	0.268, 0.464, 54.518
CIE-LCH	78.763, 69.806, 153.427
CIE-LUV	78.763, -65.818, 52.934
Hunter-Lab	73.837, -53.053, 26.459
Binary	00101101, 11011110, 10000110

#2dde86
```
#2dde86 rgb(45,222,134)
```
#de2d85
```
#de2d85 rgb(222,45,133)
```

Complementary Color

#2dde2e
```
#2dde2e rgb(45,222,46)
```
#2dde86
```
#2dde86 rgb(45,222,134)
```
#2ddede
```
#2ddede rgb(45,222,222)
```

Analogous Color

#de2e2d
```
#de2e2d rgb(222,46,45)
```
#2dde86
```
#2dde86 rgb(45,222,134)
```
#de2dde
```
#de2dde rgb(222,45,222)
```

Split Complementary Color

#de862d
```
#de862d rgb(222,134,45)
```
#2dde86
```
#2dde86 rgb(45,222,134)
```
#862dde
```
#862dde rgb(134,45,222)
```

Triadic Color

#85de2d
```
#85de2d rgb(133,222,45)
```
#2dde86
```
#2dde86 rgb(45,222,134)
```
#862dde
```
#862dde rgb(134,45,222)
```
#de2d85
```
#de2d85 rgb(222,45,133)
```

Tetradic Color

#1aa560
```
#1aa560 rgb(26,165,96)
```
#1dbb6c
```
#1dbb6c rgb(29,187,108)
```
#21d179
```
#21d179 rgb(33,209,121)
```
#2dde86
```
#2dde86 rgb(45,222,134)
```
#43e193
```
#43e193 rgb(67,225,147)
```
#59e59f
```
#59e59f rgb(89,229,159)
```
#6fe8ac
```
#6fe8ac rgb(111,232,172)
```

Monochromatic Color

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

#2dde5a
```
#2dde5a rgb(45,222,90)
```
#2dde69
```
#2dde69 rgb(45,222,105)
```
#2dde77
```
#2dde77 rgb(45,222,119)
```
#2dde86
```
#2dde86 rgb(45,222,134)
```
#2dde95
```
#2dde95 rgb(45,222,149)
```
#2ddea4
```
#2ddea4 rgb(45,222,164)
```
#2ddeb2
```
#2ddeb2 rgb(45,222,178)
```

Similar Colors

Text with hexadecimal color #2dde86

This text has a font color of #2dde86.

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

#2dde86 background color

This paragraph has a background color of #2dde86.

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

#2dde86 border color

This element has a border color of #2dde86.

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

CSS codes

.text {color:#2dde86;}

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

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

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, #020a06 is the darkest color, while #f8fefb is the lightest one.

#020a06
```
#020a06 rgb(2,10,6)
```
#041b10
```
#041b10 rgb(4,27,16)
```
#072c1a
```
#072c1a rgb(7,44,26)
```
#0a3d24
```
#0a3d24 rgb(10,61,36)
```
#0c4e2d
```
#0c4e2d rgb(12,78,45)
```
#0f5f37
```
#0f5f37 rgb(15,95,55)
```
#127041
```
#127041 rgb(18,112,65)
```
#14814b
```
#14814b rgb(20,129,75)
```
#179255
```
#179255 rgb(23,146,85)
```
#1aa35f
```
#1aa35f rgb(26,163,95)
```
#1cb469
```
#1cb469 rgb(28,180,105)
```
#1fc572
```
#1fc572 rgb(31,197,114)
```
#22d67c
```
#22d67c rgb(34,214,124)
```

Shade Color Variation

#2dde86
```
#2dde86 rgb(45,222,134)
```
#3ee190
```
#3ee190 rgb(62,225,144)
```
#4fe39a
```
#4fe39a rgb(79,227,154)
```
#60e6a3
```
#60e6a3 rgb(96,230,163)
```
#71e9ad
```
#71e9ad rgb(113,233,173)
```
#82ebb7
```
#82ebb7 rgb(130,235,183)
```
#93eec1
```
#93eec1 rgb(147,238,193)
```
#a4f1ca
```
#a4f1ca rgb(164,241,202)
```
#b5f3d4
```
#b5f3d4 rgb(181,243,212)
```
#c6f6de
```
#c6f6de rgb(198,246,222)
```
#d7f9e8
```
#d7f9e8 rgb(215,249,232)
```
#e7fbf1
```
#e7fbf1 rgb(231,251,241)
```
#f8fefb
```
#f8fefb rgb(248,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818a86 is the less saturated color, while #11fa86 is the most saturated one.

#818a86
```
#818a86 rgb(129,138,134)
```
#789386
```
#789386 rgb(120,147,134)
```
#6e9d86
```
#6e9d86 rgb(110,157,134)
```
#65a686
```
#65a686 rgb(101,166,134)
```
#5caf86
```
#5caf86 rgb(92,175,134)
```
#52b986
```
#52b986 rgb(82,185,134)
```
#49c286
```
#49c286 rgb(73,194,134)
```
#40cb86
```
#40cb86 rgb(64,203,134)
```
#36d586
```
#36d586 rgb(54,213,134)
```
#2dde86
```
#2dde86 rgb(45,222,134)
```
#24e786
```
#24e786 rgb(36,231,134)
```
#1af186
```
#1af186 rgb(26,241,134)
```
#11fa86
```
#11fa86 rgb(17,250,134)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#88ac9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c582 Protanopia 1% of men
#e7be97 Deuteranopia 1% of men
#69d4e4 Tritanopia 0.001% of the population

Trichromacy

#99ce83 Protanomaly 1% of men, 0.01% of women
#a3c991 Deuteranomaly 6% of men, 0.4% of women
#53d8c2 Tritanomaly 0.01% of the population

#2dde86 hex color

#2dde86 Color Information

#2dde86 Color Conversion

Color Schemes with #2dde86

Alternatives to #2dde86

#2dde86 Preview

Shades and Tints of #2dde86

Tones of #2dde86

Color Blindness Simulator