#2ddd96 hex color

In a RGB color space, hex #2ddd96 is composed of 17.6% red, 86.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 0% magenta, 32.1% yellow and 13.3% black. It has a hue angle of 155.8 degrees, a saturation of 72.1% and a lightness of 52.2%. #2ddd96 color hex could be obtained by blending #5affff with #00bb2d. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #2ddd96 has RGB values of R:45, G:221, B:150 and CMYK values of C:0.8, M:0, Y:0.32, K:0.13. Its decimal value is 3005846.

Hex triplet	2ddd96	`#2ddd96`
RGB Decimal	45, 221, 150	`rgb(45,221,150)`
RGB Percent	17.6, 86.7, 58.8	`rgb(17.6%,86.7%,58.8%)`
CMYK	80, 0, 32, 13
HSL	155.8°, 72.1, 52.2	`hsl(155.8,72.1%,52.2%)`
HSV (or HSB)	155.8°, 79.6, 86.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.735, -58.913, 22.95
XYZ	32.441, 54.469, 37.656
xyY	0.26, 0.437, 54.469
CIE-LCH	78.735, 63.225, 158.716
CIE-LUV	78.735, -64.497, 41.98
Hunter-Lab	73.803, -50.694, 21.411
Binary	00101101, 11011101, 10010110

#2ddd96
```
#2ddd96 rgb(45,221,150)
```
#dd2d74
```
#dd2d74 rgb(221,45,116)
```

Complementary Color

#2ddd3e
```
#2ddd3e rgb(45,221,62)
```
#2ddd96
```
#2ddd96 rgb(45,221,150)
```
#2dccdd
```
#2dccdd rgb(45,204,221)
```

Analogous Color

#dd3e2d
```
#dd3e2d rgb(221,62,45)
```
#2ddd96
```
#2ddd96 rgb(45,221,150)
```
#dd2dcc
```
#dd2dcc rgb(221,45,204)
```

Split Complementary Color

#dd962d
```
#dd962d rgb(221,150,45)
```
#2ddd96
```
#2ddd96 rgb(45,221,150)
```
#962ddd
```
#962ddd rgb(150,45,221)
```

Triadic Color

#74dd2d
```
#74dd2d rgb(116,221,45)
```
#2ddd96
```
#2ddd96 rgb(45,221,150)
```
#962ddd
```
#962ddd rgb(150,45,221)
```
#dd2d74
```
#dd2d74 rgb(221,45,116)
```

Tetradic Color

#1aa36c
```
#1aa36c rgb(26,163,108)
```
#1eb97a
```
#1eb97a rgb(30,185,122)
```
#22cf89
```
#22cf89 rgb(34,207,137)
```
#2ddd96
```
#2ddd96 rgb(45,221,150)
```
#43e1a1
```
#43e1a1 rgb(67,225,161)
```
#59e4ac
```
#59e4ac rgb(89,228,172)
```
#6fe8b7
```
#6fe8b7 rgb(111,232,183)
```

Monochromatic Color

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

#2ddd6a
```
#2ddd6a rgb(45,221,106)
```
#2ddd79
```
#2ddd79 rgb(45,221,121)
```
#2ddd87
```
#2ddd87 rgb(45,221,135)
```
#2ddd96
```
#2ddd96 rgb(45,221,150)
```
#2ddda5
```
#2ddda5 rgb(45,221,165)
```
#2dddb3
```
#2dddb3 rgb(45,221,179)
```
#2dddc2
```
#2dddc2 rgb(45,221,194)
```

Similar Colors

Text with hexadecimal color #2ddd96

This text has a font color of #2ddd96.

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

#2ddd96 background color

This paragraph has a background color of #2ddd96.

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

#2ddd96 border color

This element has a border color of #2ddd96.

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

CSS codes

.text {color:#2ddd96;}

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

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

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

#020906
```
#020906 rgb(2,9,6)
```
#041a11
```
#041a11 rgb(4,26,17)
```
#072b1d
```
#072b1d rgb(7,43,29)
```
#0a3c28
```
#0a3c28 rgb(10,60,40)
```
#0c4d33
```
#0c4d33 rgb(12,77,51)
```
#0f5e3e
```
#0f5e3e rgb(15,94,62)
```
#126f49
```
#126f49 rgb(18,111,73)
```
#158054
```
#158054 rgb(21,128,84)
```
#179160
```
#179160 rgb(23,145,96)
```
#1aa16b
```
#1aa16b rgb(26,161,107)
```
#1db276
```
#1db276 rgb(29,178,118)
```
#20c381
```
#20c381 rgb(32,195,129)
```
#22d48c
```
#22d48c rgb(34,212,140)
```

Shade Color Variation

#2ddd96
```
#2ddd96 rgb(45,221,150)
```
#3ee09e
```
#3ee09e rgb(62,224,158)
```
#4fe2a7
```
#4fe2a7 rgb(79,226,167)
```
#60e5af
```
#60e5af rgb(96,229,175)
```
#71e8b8
```
#71e8b8 rgb(113,232,184)
```
#81ebc0
```
#81ebc0 rgb(129,235,192)
```
#92edc9
```
#92edc9 rgb(146,237,201)
```
#a3f0d1
```
#a3f0d1 rgb(163,240,209)
```
#b4f3da
```
#b4f3da rgb(180,243,218)
```
#c5f6e2
```
#c5f6e2 rgb(197,246,226)
```
#d6f8ea
```
#d6f8ea rgb(214,248,234)
```
#e7fbf3
```
#e7fbf3 rgb(231,251,243)
```
#f8fefb
```
#f8fefb rgb(248,254,251)
```

Tint Color Variation

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

#818986
```
#818986 rgb(129,137,134)
```
#789287
```
#789287 rgb(120,146,135)
```
#6f9b89
```
#6f9b89 rgb(111,155,137)
```
#65a58b
```
#65a58b rgb(101,165,139)
```
#5cae8d
```
#5cae8d rgb(92,174,141)
```
#53b78f
```
#53b78f rgb(83,183,143)
```
#49c191
```
#49c191 rgb(73,193,145)
```
#40ca92
```
#40ca92 rgb(64,202,146)
```
#36d494
```
#36d494 rgb(54,212,148)
```
#2ddd96
```
#2ddd96 rgb(45,221,150)
```
#24e698
```
#24e698 rgb(36,230,152)
```
#1af09a
```
#1af09a rgb(26,240,154)
```
#11f99b
```
#11f99b rgb(17,249,155)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#89ac9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c591 Protanopia 1% of men
#e3bea6 Deuteranopia 1% of men
#64d5e4 Tritanopia 0.001% of the population

Trichromacy

#97ce92 Protanomaly 1% of men, 0.01% of women
#a1c9a0 Deuteranomaly 6% of men, 0.4% of women
#50d8c8 Tritanomaly 0.01% of the population

#2ddd96 hex color

#2ddd96 Color Information

#2ddd96 Color Conversion

Color Schemes with #2ddd96

Alternatives to #2ddd96

#2ddd96 Preview

Shades and Tints of #2ddd96

Tones of #2ddd96

Color Blindness Simulator