#2dd296 hex color

In a RGB color space, hex #2dd296 is composed of 17.6% red, 82.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 0% magenta, 28.6% yellow and 17.6% black. It has a hue angle of 158.2 degrees, a saturation of 64.7% and a lightness of 50%. #2dd296 color hex could be obtained by blending #5affff with #00a52d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 82
- B 59
RGB color chart
- C 79
- M 0
- Y 29
- K 18
CMYK color chart

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

The hexadecimal color #2dd296 has RGB values of R:45, G:210, B:150 and CMYK values of C:0.79, M:0, Y:0.29, K:0.18. Its decimal value is 3003030.

Hex triplet	2dd296	`#2dd296`
RGB Decimal	45, 210, 150	`rgb(45,210,150)`
RGB Percent	17.6, 82.4, 58.8	`rgb(17.6%,82.4%,58.8%)`
CMYK	79, 0, 29, 18
HSL	158.2°, 64.7, 50	`hsl(158.2,64.7%,50%)`
HSV (or HSB)	158.2°, 78.6, 82.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.358, -54.752, 18.302
XYZ	29.631, 48.85, 36.72
xyY	0.257, 0.424, 48.85
CIE-LCH	75.358, 57.73, 161.517
CIE-LUV	75.358, -60.739, 34.814
Hunter-Lab	69.893, -46.637, 17.776
Binary	00101101, 11010010, 10010110

#2dd296
```
#2dd296 rgb(45,210,150)
```
#d22d69
```
#d22d69 rgb(210,45,105)
```

Complementary Color

#2dd244
```
#2dd244 rgb(45,210,68)
```
#2dd296
```
#2dd296 rgb(45,210,150)
```
#2dbcd2
```
#2dbcd2 rgb(45,188,210)
```

Analogous Color

#d2442d
```
#d2442d rgb(210,68,45)
```
#2dd296
```
#2dd296 rgb(45,210,150)
```
#d22dbc
```
#d22dbc rgb(210,45,188)
```

Split Complementary Color

#d2962d
```
#d2962d rgb(210,150,45)
```
#2dd296
```
#2dd296 rgb(45,210,150)
```
#962dd2
```
#962dd2 rgb(150,45,210)
```

Triadic Color

#69d22d
```
#69d22d rgb(105,210,45)
```
#2dd296
```
#2dd296 rgb(45,210,150)
```
#962dd2
```
#962dd2 rgb(150,45,210)
```
#d22d69
```
#d22d69 rgb(210,45,105)
```

Tetradic Color

#209369
```
#209369 rgb(32,147,105)
```
#24a878
```
#24a878 rgb(36,168,120)
```
#29bd87
```
#29bd87 rgb(41,189,135)
```
#2dd296
```
#2dd296 rgb(45,210,150)
```
#42d7a1
```
#42d7a1 rgb(66,215,161)
```
#57dbab
```
#57dbab rgb(87,219,171)
```
#6ce0b6
```
#6ce0b6 rgb(108,224,182)
```

Monochromatic Color

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

#2dd26d
```
#2dd26d rgb(45,210,109)
```
#2dd27b
```
#2dd27b rgb(45,210,123)
```
#2dd288
```
#2dd288 rgb(45,210,136)
```
#2dd296
```
#2dd296 rgb(45,210,150)
```
#2dd2a4
```
#2dd2a4 rgb(45,210,164)
```
#2dd2b2
```
#2dd2b2 rgb(45,210,178)
```
#2dd2bf
```
#2dd2bf rgb(45,210,191)
```

Similar Colors

Text with hexadecimal color #2dd296

This text has a font color of #2dd296.

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

#2dd296 background color

This paragraph has a background color of #2dd296.

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

#2dd296 border color

This element has a border color of #2dd296.

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

CSS codes

.text {color:#2dd296;}

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

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

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, #03100c is the darkest color, while #ffffff is the lightest one.

#03100c
```
#03100c rgb(3,16,12)
```
#072017
```
#072017 rgb(7,32,23)
```
#0a3023
```
#0a3023 rgb(10,48,35)
```
#0e412e
```
#0e412e rgb(14,65,46)
```
#11513a
```
#11513a rgb(17,81,58)
```
#156145
```
#156145 rgb(21,97,69)
```
#187151
```
#187151 rgb(24,113,81)
```
#1c815c
```
#1c815c rgb(28,129,92)
```
#1f9168
```
#1f9168 rgb(31,145,104)
```
#23a273
```
#23a273 rgb(35,162,115)
```
#26b27f
```
#26b27f rgb(38,178,127)
```
#2ac28a
```
#2ac28a rgb(42,194,138)
```
#2dd296
```
#2dd296 rgb(45,210,150)
```

Shade Color Variation

#3dd59e
```
#3dd59e rgb(61,213,158)
```
#4dd9a6
```
#4dd9a6 rgb(77,217,166)
```
#5ddcae
```
#5ddcae rgb(93,220,174)
```
#6ee0b6
```
#6ee0b6 rgb(110,224,182)
```
#7ee3be
```
#7ee3be rgb(126,227,190)
```
#8ee7c6
```
#8ee7c6 rgb(142,231,198)
```
#9eeacf
```
#9eeacf rgb(158,234,207)
```
#aeeed7
```
#aeeed7 rgb(174,238,215)
```
#bef1df
```
#bef1df rgb(190,241,223)
```
#cff5e7
```
#cff5e7 rgb(207,245,231)
```
#dff8ef
```
#dff8ef rgb(223,248,239)
```
#effcf7
```
#effcf7 rgb(239,252,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b8481
```
#7b8481 rgb(123,132,129)
```
#728d83
```
#728d83 rgb(114,141,131)
```
#689786
```
#689786 rgb(104,151,134)
```
#5ea189
```
#5ea189 rgb(94,161,137)
```
#54ab8b
```
#54ab8b rgb(84,171,139)
```
#4ab58e
```
#4ab58e rgb(74,181,142)
```
#41be91
```
#41be91 rgb(65,190,145)
```
#37c893
```
#37c893 rgb(55,200,147)
```
#2dd296
```
#2dd296 rgb(45,210,150)
```
#23dc99
```
#23dc99 rgb(35,220,153)
```
#19e69b
```
#19e69b rgb(25,230,155)
```
#10ef9e
```
#10ef9e rgb(16,239,158)
```
#06f9a1
```
#06f9a1 rgb(6,249,161)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#84a599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabc91 Protanopia 1% of men
#d7b6a5 Deuteranopia 1% of men
#5fcbda Tritanopia 0.001% of the population

Trichromacy

#90c493 Protanomaly 1% of men, 0.01% of women
#99c0a0 Deuteranomaly 6% of men, 0.4% of women
#4dcec1 Tritanomaly 0.01% of the population

#2dd296 hex color

#2dd296 Color Information

#2dd296 Color Conversion

Color Schemes with #2dd296

Alternatives to #2dd296

#2dd296 Preview

Shades and Tints of #2dd296

Tones of #2dd296

Color Blindness Simulator