colorhexa.com

#2ddc66 hex color

In a RGB color space, hex #2ddc66 is composed of 17.6% red, 86.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 0% magenta, 53.6% yellow and 13.7% black. It has a hue angle of 139.5 degrees, a saturation of 71.4% and a lightness of 52%. #2ddc66 color hex could be obtained by blending #5affcc with #00b900. Closest websafe color is: #33cc66.

- R 18
- G 86
- B 40
RGB color chart
- C 80
- M 0
- Y 54
- K 14
CMYK color chart

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

The hexadecimal color #2ddc66 has RGB values of R:45, G:220, B:102 and CMYK values of C:0.8, M:0, Y:0.54, K:0.14. Its decimal value is 3005542.

Hex triplet	2ddc66	`#2ddc66`
RGB Decimal	45, 220, 102	`rgb(45,220,102)`
RGB Percent	17.6, 86.3, 40	`rgb(17.6%,86.3%,40%)`
CMYK	80, 0, 54, 14
HSL	139.5°, 71.4, 52	`hsl(139.5,71.4%,52%)`
HSV (or HSB)	139.5°, 79.5, 86.3
Web Safe	33cc66	`#33cc66`

CIE-LAB	77.698, -66.986, 45.611
XYZ	29.072, 52.701, 21.21
xyY	0.282, 0.512, 52.701
CIE-LCH	77.698, 81.04, 145.749
CIE-LUV	77.698, -66.842, 69.38
Hunter-Lab	72.595, -55.559, 33.494
Binary	00101101, 11011100, 01100110

#2ddc66
```
#2ddc66 rgb(45,220,102)
```
#dc2da3
```
#dc2da3 rgb(220,45,163)
```

Complementary Color

#4cdc2d
```
#4cdc2d rgb(76,220,45)
```
#2ddc66
```
#2ddc66 rgb(45,220,102)
```
#2ddcbe
```
#2ddcbe rgb(45,220,190)
```

Analogous Color

#dc2d4c
```
#dc2d4c rgb(220,45,76)
```
#2ddc66
```
#2ddc66 rgb(45,220,102)
```
#be2ddc
```
#be2ddc rgb(190,45,220)
```

Split Complementary Color

#dc662d
```
#dc662d rgb(220,102,45)
```
#2ddc66
```
#2ddc66 rgb(45,220,102)
```
#662ddc
```
#662ddc rgb(102,45,220)
```

Triadic Color

#a3dc2d
```
#a3dc2d rgb(163,220,45)
```
#2ddc66
```
#2ddc66 rgb(45,220,102)
```
#662ddc
```
#662ddc rgb(102,45,220)
```
#dc2da3
```
#dc2da3 rgb(220,45,163)
```

Tetradic Color

#1ba247
```
#1ba247 rgb(27,162,71)
```
#1fb750
```
#1fb750 rgb(31,183,80)
```
#22cd5a
```
#22cd5a rgb(34,205,90)
```
#2ddc66
```
#2ddc66 rgb(45,220,102)
```
#43e076
```
#43e076 rgb(67,224,118)
```
#59e386
```
#59e386 rgb(89,227,134)
```
#6fe796
```
#6fe796 rgb(111,231,150)
```

Monochromatic Color

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

#2ddc3a
```
#2ddc3a rgb(45,220,58)
```
#2ddc49
```
#2ddc49 rgb(45,220,73)
```
#2ddc57
```
#2ddc57 rgb(45,220,87)
```
#2ddc66
```
#2ddc66 rgb(45,220,102)
```
#2ddc75
```
#2ddc75 rgb(45,220,117)
```
#2ddc83
```
#2ddc83 rgb(45,220,131)
```
#2ddc92
```
#2ddc92 rgb(45,220,146)
```

Similar Colors

Text with hexadecimal color #2ddc66

This text has a font color of #2ddc66.

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

#2ddc66 background color

This paragraph has a background color of #2ddc66.

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

#2ddc66 border color

This element has a border color of #2ddc66.

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

CSS codes

.text {color:#2ddc66;}

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

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

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

#010904
```
#010904 rgb(1,9,4)
```
#04190b
```
#04190b rgb(4,25,11)
```
#072a12
```
#072a12 rgb(7,42,18)
```
#0a3b1a
```
#0a3b1a rgb(10,59,26)
```
#0d4c21
```
#0d4c21 rgb(13,76,33)
```
#0f5d29
```
#0f5d29 rgb(15,93,41)
```
#126d30
```
#126d30 rgb(18,109,48)
```
#157e37
```
#157e37 rgb(21,126,55)
```
#188f3f
```
#188f3f rgb(24,143,63)
```
#1ba046
```
#1ba046 rgb(27,160,70)
```
#1db14d
```
#1db14d rgb(29,177,77)
```
#20c255
```
#20c255 rgb(32,194,85)
```
#23d25c
```
#23d25c rgb(35,210,92)
```

Shade Color Variation

#2ddc66
```
#2ddc66 rgb(45,220,102)
```
#3edf72
```
#3edf72 rgb(62,223,114)
```
#4fe27e
```
#4fe27e rgb(79,226,126)
```
#5fe48b
```
#5fe48b rgb(95,228,139)
```
#70e797
```
#70e797 rgb(112,231,151)
```
#81eaa3
```
#81eaa3 rgb(129,234,163)
```
#92edaf
```
#92edaf rgb(146,237,175)
```
#a3f0bc
```
#a3f0bc rgb(163,240,188)
```
#b4f2c8
```
#b4f2c8 rgb(180,242,200)
```
#c4f5d4
```
#c4f5d4 rgb(196,245,212)
```
#d5f8e0
```
#d5f8e0 rgb(213,248,224)
```
#e6fbed
```
#e6fbed rgb(230,251,237)
```
#f7fef9
```
#f7fef9 rgb(247,254,249)
```

Tint Color Variation

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

#828784
```
#828784 rgb(130,135,132)
```
#789180
```
#789180 rgb(120,145,128)
```
#6f9a7d
```
#6f9a7d rgb(111,154,125)
```
#66a37a
```
#66a37a rgb(102,163,122)
```
#5cad76
```
#5cad76 rgb(92,173,118)
```
#53b673
```
#53b673 rgb(83,182,115)
```
#49c070
```
#49c070 rgb(73,192,112)
```
#40c96d
```
#40c96d rgb(64,201,109)
```
#36d369
```
#36d369 rgb(54,211,105)
```
#2ddc66
```
#2ddc66 rgb(45,220,102)
```
#24e563
```
#24e563 rgb(36,229,99)
```
#1aef5f
```
#1aef5f rgb(26,239,95)
```
#11f85c
```
#11f85c rgb(17,248,92)
```

Tone Color Variation

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

Dichromacy

#d7c365 Protanopia 1% of men
#eabb7a Deuteranopia 1% of men
#6dd1e0 Tritanopia 0.001% of the population

Trichromacy

#99cc65 Protanomaly 1% of men, 0.01% of women
#a5c773 Deuteranomaly 6% of men, 0.4% of women
#56d5b4 Tritanomaly 0.01% of the population