#2daa50 hex color

In a RGB color space, hex #2daa50 is composed of 17.6% red, 66.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 0% magenta, 52.9% yellow and 33.3% black. It has a hue angle of 136.8 degrees, a saturation of 58.1% and a lightness of 42.2%. #2daa50 color hex could be obtained by blending #5affa0 with #005500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 67
- B 31
RGB color chart
- C 74
- M 0
- Y 53
- K 33
CMYK color chart

● #2daa50 color description : Dark cyan - lime green.

The hexadecimal color #2daa50 has RGB values of R:45, G:170, B:80 and CMYK values of C:0.74, M:0, Y:0.53, K:0.33. Its decimal value is 2992720.

Hex triplet	2daa50	`#2daa50`
RGB Decimal	45, 170, 80	`rgb(45,170,80)`
RGB Percent	17.6, 66.7, 31.4	`rgb(17.6%,66.7%,31.4%)`
CMYK	74, 0, 53, 33
HSL	136.8°, 58.1, 42.2	`hsl(136.8,58.1%,42.2%)`
HSV (or HSB)	136.8°, 73.5, 66.7
Web Safe	339966	`#339966`

CIE-LAB	61.555, -53.107, 36.599
XYZ	16.904, 29.885, 12.466
xyY	0.285, 0.504, 29.885
CIE-LCH	61.555, 64.497, 145.427
CIE-LUV	61.555, -50.655, 53.481
Hunter-Lab	54.667, -40.473, 24.746
Binary	00101101, 10101010, 01010000

#2daa50
```
#2daa50 rgb(45,170,80)
```
#aa2d87
```
#aa2d87 rgb(170,45,135)
```

Complementary Color

#49aa2d
```
#49aa2d rgb(73,170,45)
```
#2daa50
```
#2daa50 rgb(45,170,80)
```
#2daa8f
```
#2daa8f rgb(45,170,143)
```

Analogous Color

#aa2d49
```
#aa2d49 rgb(170,45,73)
```
#2daa50
```
#2daa50 rgb(45,170,80)
```
#8f2daa
```
#8f2daa rgb(143,45,170)
```

Split Complementary Color

#aa502d
```
#aa502d rgb(170,80,45)
```
#2daa50
```
#2daa50 rgb(45,170,80)
```
#502daa
```
#502daa rgb(80,45,170)
```

Triadic Color

#87aa2d
```
#87aa2d rgb(135,170,45)
```
#2daa50
```
#2daa50 rgb(45,170,80)
```
#502daa
```
#502daa rgb(80,45,170)
```
#aa2d87
```
#aa2d87 rgb(170,45,135)
```

Tetradic Color

#1d6e34
```
#1d6e34 rgb(29,110,52)
```
#22823d
```
#22823d rgb(34,130,61)
```
#289647
```
#289647 rgb(40,150,71)
```
#2daa50
```
#2daa50 rgb(45,170,80)
```
#32be59
```
#32be59 rgb(50,190,89)
```
#3ecc66
```
#3ecc66 rgb(62,204,102)
```
#52d176
```
#52d176 rgb(82,209,118)
```

Monochromatic Color

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

#2daa31
```
#2daa31 rgb(45,170,49)
```
#2daa3b
```
#2daa3b rgb(45,170,59)
```
#2daa46
```
#2daa46 rgb(45,170,70)
```
#2daa50
```
#2daa50 rgb(45,170,80)
```
#2daa5a
```
#2daa5a rgb(45,170,90)
```
#2daa65
```
#2daa65 rgb(45,170,101)
```
#2daa6f
```
#2daa6f rgb(45,170,111)
```

Similar Colors

Text with hexadecimal color #2daa50

This text has a font color of #2daa50.

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

#2daa50 background color

This paragraph has a background color of #2daa50.

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

#2daa50 border color

This element has a border color of #2daa50.

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

CSS codes

.text {color:#2daa50;}

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

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

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, #040f07 is the darkest color, while #feffff is the lightest one.

#040f07
```
#040f07 rgb(4,15,7)
```
#081e0e
```
#081e0e rgb(8,30,14)
```
#0c2e16
```
#0c2e16 rgb(12,46,22)
```
#103d1d
```
#103d1d rgb(16,61,29)
```
#144d24
```
#144d24 rgb(20,77,36)
```
#185c2c
```
#185c2c rgb(24,92,44)
```
#1d6c33
```
#1d6c33 rgb(29,108,51)
```
#217b3a
```
#217b3a rgb(33,123,58)
```
#258b41
```
#258b41 rgb(37,139,65)
```
#299a49
```
#299a49 rgb(41,154,73)
```
#2daa50
```
#2daa50 rgb(45,170,80)
```
#31ba57
```
#31ba57 rgb(49,186,87)
```
#35c95f
```
#35c95f rgb(53,201,95)
```

Shade Color Variation

#44ce6b
```
#44ce6b rgb(68,206,107)
```
#54d277
```
#54d277 rgb(84,210,119)
```
#63d683
```
#63d683 rgb(99,214,131)
```
#73da90
```
#73da90 rgb(115,218,144)
```
#82de9c
```
#82de9c rgb(130,222,156)
```
#92e2a8
```
#92e2a8 rgb(146,226,168)
```
#a1e6b5
```
#a1e6b5 rgb(161,230,181)
```
#b1eac1
```
#b1eac1 rgb(177,234,193)
```
#c0eecd
```
#c0eecd rgb(192,238,205)
```
#d0f3da
```
#d0f3da rgb(208,243,218)
```
#dff7e6
```
#dff7e6 rgb(223,247,230)
```
#effbf2
```
#effbf2 rgb(239,251,242)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#677069
```
#677069 rgb(103,112,105)
```
#5f7866
```
#5f7866 rgb(95,120,102)
```
#568162
```
#568162 rgb(86,129,98)
```
#4e895f
```
#4e895f rgb(78,137,95)
```
#46915b
```
#46915b rgb(70,145,91)
```
#3e9957
```
#3e9957 rgb(62,153,87)
```
#35a254
```
#35a254 rgb(53,162,84)
```
#2daa50
```
#2daa50 rgb(45,170,80)
```
#25b24c
```
#25b24c rgb(37,178,76)
```
#1cbb49
```
#1cbb49 rgb(28,187,73)
```
#14c345
```
#14c345 rgb(20,195,69)
```
#0ccb41
```
#0ccb41 rgb(12,203,65)
```
#04d33e
```
#04d33e rgb(4,211,62)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6b8472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99a52 Protanopia 1% of men
#b99362 Deuteranopia 1% of men
#5ba4b0 Tritanopia 0.001% of the population

Trichromacy

#7c9f51 Protanomaly 1% of men, 0.01% of women
#869b5b Deuteranomaly 6% of men, 0.4% of women
#4aa68d Tritanomaly 0.01% of the population

#2daa50 hex color

#2daa50 Color Information

#2daa50 Color Conversion

Color Schemes with #2daa50

Alternatives to #2daa50

#2daa50 Preview

Shades and Tints of #2daa50

Tones of #2daa50

Color Blindness Simulator