#2dd299 hex color

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

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

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

The hexadecimal color #2dd299 has RGB values of R:45, G:210, B:153 and CMYK values of C:0.79, M:0, Y:0.27, K:0.18. Its decimal value is 3003033.

Hex triplet	2dd299	`#2dd299`
RGB Decimal	45, 210, 153	`rgb(45,210,153)`
RGB Percent	17.6, 82.4, 60	`rgb(17.6%,82.4%,60%)`
CMYK	79, 0, 27, 18
HSL	159.3°, 64.7, 50	`hsl(159.3,64.7%,50%)`
HSV (or HSB)	159.3°, 78.6, 82.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.419, -54.084, 16.797
XYZ	29.876, 48.948, 38.009
xyY	0.256, 0.419, 48.948
CIE-LCH	75.419, 56.632, 162.747
CIE-LUV	75.419, -60.541, 32.687
Hunter-Lab	69.963, -46.21, 16.764
Binary	00101101, 11010010, 10011001

#2dd299
```
#2dd299 rgb(45,210,153)
```
#d22d66
```
#d22d66 rgb(210,45,102)
```

Complementary Color

#2dd247
```
#2dd247 rgb(45,210,71)
```
#2dd299
```
#2dd299 rgb(45,210,153)
```
#2db9d2
```
#2db9d2 rgb(45,185,210)
```

Analogous Color

#d2472d
```
#d2472d rgb(210,71,45)
```
#2dd299
```
#2dd299 rgb(45,210,153)
```
#d22db9
```
#d22db9 rgb(210,45,185)
```

Split Complementary Color

#d2992d
```
#d2992d rgb(210,153,45)
```
#2dd299
```
#2dd299 rgb(45,210,153)
```
#992dd2
```
#992dd2 rgb(153,45,210)
```

Triadic Color

#66d22d
```
#66d22d rgb(102,210,45)
```
#2dd299
```
#2dd299 rgb(45,210,153)
```
#992dd2
```
#992dd2 rgb(153,45,210)
```
#d22d66
```
#d22d66 rgb(210,45,102)
```

Tetradic Color

#20936b
```
#20936b rgb(32,147,107)
```
#24a87a
```
#24a87a rgb(36,168,122)
```
#29bd8a
```
#29bd8a rgb(41,189,138)
```
#2dd299
```
#2dd299 rgb(45,210,153)
```
#42d7a3
```
#42d7a3 rgb(66,215,163)
```
#57dbad
```
#57dbad rgb(87,219,173)
```
#6ce0b8
```
#6ce0b8 rgb(108,224,184)
```

Monochromatic Color

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

#2dd270
```
#2dd270 rgb(45,210,112)
```
#2dd27e
```
#2dd27e rgb(45,210,126)
```
#2dd28b
```
#2dd28b rgb(45,210,139)
```
#2dd299
```
#2dd299 rgb(45,210,153)
```
#2dd2a7
```
#2dd2a7 rgb(45,210,167)
```
#2dd2b5
```
#2dd2b5 rgb(45,210,181)
```
#2dd2c2
```
#2dd2c2 rgb(45,210,194)
```

Similar Colors

Text with hexadecimal color #2dd299

This text has a font color of #2dd299.

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

#2dd299 background color

This paragraph has a background color of #2dd299.

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

#2dd299 border color

This element has a border color of #2dd299.

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

CSS codes

.text {color:#2dd299;}

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

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

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)
```
#072018
```
#072018 rgb(7,32,24)
```
#0a3023
```
#0a3023 rgb(10,48,35)
```
#0e412f
```
#0e412f rgb(14,65,47)
```
#11513b
```
#11513b rgb(17,81,59)
```
#156147
```
#156147 rgb(21,97,71)
```
#187152
```
#187152 rgb(24,113,82)
```
#1c815e
```
#1c815e rgb(28,129,94)
```
#1f916a
```
#1f916a rgb(31,145,106)
```
#23a276
```
#23a276 rgb(35,162,118)
```
#26b281
```
#26b281 rgb(38,178,129)
```
#2ac28d
```
#2ac28d rgb(42,194,141)
```
#2dd299
```
#2dd299 rgb(45,210,153)
```

Shade Color Variation

#3dd5a1
```
#3dd5a1 rgb(61,213,161)
```
#4dd9a9
```
#4dd9a9 rgb(77,217,169)
```
#5ddcb1
```
#5ddcb1 rgb(93,220,177)
```
#6ee0b8
```
#6ee0b8 rgb(110,224,184)
```
#7ee3c0
```
#7ee3c0 rgb(126,227,192)
```
#8ee7c8
```
#8ee7c8 rgb(142,231,200)
```
#9eead0
```
#9eead0 rgb(158,234,208)
```
#aeeed8
```
#aeeed8 rgb(174,238,216)
```
#bef1e0
```
#bef1e0 rgb(190,241,224)
```
#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 #06f9a5 is the most saturated one.

#7b8481
```
#7b8481 rgb(123,132,129)
```
#728d84
```
#728d84 rgb(114,141,132)
```
#689787
```
#689787 rgb(104,151,135)
```
#5ea18a
```
#5ea18a rgb(94,161,138)
```
#54ab8d
```
#54ab8d rgb(84,171,141)
```
#4ab590
```
#4ab590 rgb(74,181,144)
```
#41be93
```
#41be93 rgb(65,190,147)
```
#37c896
```
#37c896 rgb(55,200,150)
```
#2dd299
```
#2dd299 rgb(45,210,153)
```
#23dc9c
```
#23dc9c rgb(35,220,156)
```
#19e69f
```
#19e69f rgb(25,230,159)
```
#10efa2
```
#10efa2 rgb(16,239,162)
```
#06f9a5
```
#06f9a5 rgb(6,249,165)
```

Tone Color Variation

Below, you can see how #2dd299 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
#84a59a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9bd94 Protanopia 1% of men
#d6b6a8 Deuteranopia 1% of men
#5eccdb Tritanopia 0.001% of the population

Trichromacy

#90c495 Protanomaly 1% of men, 0.01% of women
#98c0a2 Deuteranomaly 6% of men, 0.4% of women
#4ccec3 Tritanomaly 0.01% of the population

#2dd299 hex color

#2dd299 Color Information

#2dd299 Color Conversion

Color Schemes with #2dd299

Alternatives to #2dd299

#2dd299 Preview

Shades and Tints of #2dd299

Tones of #2dd299

Color Blindness Simulator