#2daf50 hex color

In a RGB color space, hex #2daf50 is composed of 17.6% red, 68.6% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 54.3% yellow and 31.4% black. It has a hue angle of 136.2 degrees, a saturation of 59.1% and a lightness of 43.1%. #2daf50 color hex could be obtained by blending #5affa0 with #005f00. Closest websafe color is: #339966.

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

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

The hexadecimal color #2daf50 has RGB values of R:45, G:175, B:80 and CMYK values of C:0.74, M:0, Y:0.54, K:0.31. Its decimal value is 2994000.

Hex triplet	2daf50	`#2daf50`
RGB Decimal	45, 175, 80	`rgb(45,175,80)`
RGB Percent	17.6, 68.6, 31.4	`rgb(17.6%,68.6%,31.4%)`
CMYK	74, 0, 54, 31
HSL	136.2°, 59.1, 43.1	`hsl(136.2,59.1%,43.1%)`
HSV (or HSB)	136.2°, 74.3, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.173, -54.884, 38.57
XYZ	17.859, 31.795, 12.785
xyY	0.286, 0.509, 31.795
CIE-LCH	63.173, 67.081, 144.902
CIE-LUV	63.173, -52.436, 56.174
Hunter-Lab	56.387, -42.143, 26.028
Binary	00101101, 10101111, 01010000

#2daf50
```
#2daf50 rgb(45,175,80)
```
#af2d8c
```
#af2d8c rgb(175,45,140)
```

Complementary Color

#4baf2d
```
#4baf2d rgb(75,175,45)
```
#2daf50
```
#2daf50 rgb(45,175,80)
```
#2daf91
```
#2daf91 rgb(45,175,145)
```

Analogous Color

#af2d4b
```
#af2d4b rgb(175,45,75)
```
#2daf50
```
#2daf50 rgb(45,175,80)
```
#912daf
```
#912daf rgb(145,45,175)
```

Split Complementary Color

#af502d
```
#af502d rgb(175,80,45)
```
#2daf50
```
#2daf50 rgb(45,175,80)
```
#502daf
```
#502daf rgb(80,45,175)
```

Triadic Color

#8caf2d
```
#8caf2d rgb(140,175,45)
```
#2daf50
```
#2daf50 rgb(45,175,80)
```
#502daf
```
#502daf rgb(80,45,175)
```
#af2d8c
```
#af2d8c rgb(175,45,140)
```

Tetradic Color

#1d7234
```
#1d7234 rgb(29,114,52)
```
#23863d
```
#23863d rgb(35,134,61)
```
#289b47
```
#289b47 rgb(40,155,71)
```
#2daf50
```
#2daf50 rgb(45,175,80)
```
#32c359
```
#32c359 rgb(50,195,89)
```
#41ce67
```
#41ce67 rgb(65,206,103)
```
#55d377
```
#55d377 rgb(85,211,119)
```

Monochromatic Color

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

#2daf30
```
#2daf30 rgb(45,175,48)
```
#2daf3a
```
#2daf3a rgb(45,175,58)
```
#2daf45
```
#2daf45 rgb(45,175,69)
```
#2daf50
```
#2daf50 rgb(45,175,80)
```
#2daf5b
```
#2daf5b rgb(45,175,91)
```
#2daf66
```
#2daf66 rgb(45,175,102)
```
#2daf71
```
#2daf71 rgb(45,175,113)
```

Similar Colors

Text with hexadecimal color #2daf50

This text has a font color of #2daf50.

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

#2daf50 background color

This paragraph has a background color of #2daf50.

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

#2daf50 border color

This element has a border color of #2daf50.

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

CSS codes

.text {color:#2daf50;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#051309
```
#051309 rgb(5,19,9)
```
#092310
```
#092310 rgb(9,35,16)
```
#0d3217
```
#0d3217 rgb(13,50,23)
```
#11421e
```
#11421e rgb(17,66,30)
```
#155125
```
#155125 rgb(21,81,37)
```
#19612c
```
#19612c rgb(25,97,44)
```
#1d7133
```
#1d7133 rgb(29,113,51)
```
#21803b
```
#21803b rgb(33,128,59)
```
#259042
```
#259042 rgb(37,144,66)
```
#299f49
```
#299f49 rgb(41,159,73)
```
#2daf50
```
#2daf50 rgb(45,175,80)
```
#31bf57
```
#31bf57 rgb(49,191,87)
```

Shade Color Variation

#38cc5f
```
#38cc5f rgb(56,204,95)
```
#47d06c
```
#47d06c rgb(71,208,108)
```
#57d478
```
#57d478 rgb(87,212,120)
```
#66d885
```
#66d885 rgb(102,216,133)
```
#76dc91
```
#76dc91 rgb(118,220,145)
```
#86e09e
```
#86e09e rgb(134,224,158)
```
#95e4aa
```
#95e4aa rgb(149,228,170)
```
#a5e8b7
```
#a5e8b7 rgb(165,232,183)
```
#b4ecc3
```
#b4ecc3 rgb(180,236,195)
```
#c4f0d0
```
#c4f0d0 rgb(196,240,208)
```
#d4f4dc
```
#d4f4dc rgb(212,244,220)
```
#e3f8e9
```
#e3f8e9 rgb(227,248,233)
```
#f3fcf5
```
#f3fcf5 rgb(243,252,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68746b is the less saturated color, while #03d93c is the most saturated one.

#68746b
```
#68746b rgb(104,116,107)
```
#607c67
```
#607c67 rgb(96,124,103)
```
#578564
```
#578564 rgb(87,133,100)
```
#4f8d60
```
#4f8d60 rgb(79,141,96)
```
#46965c
```
#46965c rgb(70,150,92)
```
#3e9e58
```
#3e9e58 rgb(62,158,88)
```
#35a754
```
#35a754 rgb(53,167,84)
```
#2daf50
```
#2daf50 rgb(45,175,80)
```
#25b74c
```
#25b74c rgb(37,183,76)
```
#1cc048
```
#1cc048 rgb(28,192,72)
```
#14c844
```
#14c844 rgb(20,200,68)
```
#0bd140
```
#0bd140 rgb(11,209,64)
```
#03d93c
```
#03d93c rgb(3,217,60)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6d8774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9e52 Protanopia 1% of men
#be9763 Deuteranopia 1% of men
#5da9b5 Tritanopia 0.001% of the population

Trichromacy

#7fa451 Protanomaly 1% of men, 0.01% of women
#89a05c Deuteranomaly 6% of men, 0.4% of women
#4bab90 Tritanomaly 0.01% of the population

#2daf50 hex color

#2daf50 Color Information

#2daf50 Color Conversion

Color Schemes with #2daf50

Alternatives to #2daf50

#2daf50 Preview

Shades and Tints of #2daf50

Tones of #2daf50

Color Blindness Simulator