#2daf55 hex color

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

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

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

The hexadecimal color #2daf55 has RGB values of R:45, G:175, B:85 and CMYK values of C:0.74, M:0, Y:0.51, K:0.31. Its decimal value is 2994005.

Hex triplet	2daf55	`#2daf55`
RGB Decimal	45, 175, 85	`rgb(45,175,85)`
RGB Percent	17.6, 68.6, 33.3	`rgb(17.6%,68.6%,33.3%)`
CMYK	74, 0, 51, 31
HSL	138.5°, 59.1, 43.1	`hsl(138.5,59.1%,43.1%)`
HSV (or HSB)	138.5°, 74.3, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.237, -54.137, 36.167
XYZ	18.051, 31.872, 13.794
xyY	0.283, 0.5, 31.872
CIE-LCH	63.237, 65.107, 146.255
CIE-LUV	63.237, -52.212, 53.699
Hunter-Lab	56.455, -41.724, 25.032
Binary	00101101, 10101111, 01010101

#2daf55
```
#2daf55 rgb(45,175,85)
```
#af2d87
```
#af2d87 rgb(175,45,135)
```

Complementary Color

#46af2d
```
#46af2d rgb(70,175,45)
```
#2daf55
```
#2daf55 rgb(45,175,85)
```
#2daf96
```
#2daf96 rgb(45,175,150)
```

Analogous Color

#af2d46
```
#af2d46 rgb(175,45,70)
```
#2daf55
```
#2daf55 rgb(45,175,85)
```
#962daf
```
#962daf rgb(150,45,175)
```

Split Complementary Color

#af552d
```
#af552d rgb(175,85,45)
```
#2daf55
```
#2daf55 rgb(45,175,85)
```
#552daf
```
#552daf rgb(85,45,175)
```

Triadic Color

#87af2d
```
#87af2d rgb(135,175,45)
```
#2daf55
```
#2daf55 rgb(45,175,85)
```
#552daf
```
#552daf rgb(85,45,175)
```
#af2d87
```
#af2d87 rgb(175,45,135)
```

Tetradic Color

#1d7237
```
#1d7237 rgb(29,114,55)
```
#238641
```
#238641 rgb(35,134,65)
```
#289b4b
```
#289b4b rgb(40,155,75)
```
#2daf55
```
#2daf55 rgb(45,175,85)
```
#32c35f
```
#32c35f rgb(50,195,95)
```
#41ce6c
```
#41ce6c rgb(65,206,108)
```
#55d37c
```
#55d37c rgb(85,211,124)
```

Monochromatic Color

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

#2daf35
```
#2daf35 rgb(45,175,53)
```
#2daf3f
```
#2daf3f rgb(45,175,63)
```
#2daf4a
```
#2daf4a rgb(45,175,74)
```
#2daf55
```
#2daf55 rgb(45,175,85)
```
#2daf60
```
#2daf60 rgb(45,175,96)
```
#2daf6b
```
#2daf6b rgb(45,175,107)
```
#2daf76
```
#2daf76 rgb(45,175,118)
```

Similar Colors

Text with hexadecimal color #2daf55

This text has a font color of #2daf55.

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

#2daf55 background color

This paragraph has a background color of #2daf55.

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

#2daf55 border color

This element has a border color of #2daf55.

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

CSS codes

.text {color:#2daf55;}

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

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

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 #f3fcf6 is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#051309
```
#051309 rgb(5,19,9)
```
#092311
```
#092311 rgb(9,35,17)
```
#0d3218
```
#0d3218 rgb(13,50,24)
```
#114220
```
#114220 rgb(17,66,32)
```
#155128
```
#155128 rgb(21,81,40)
```
#19612f
```
#19612f rgb(25,97,47)
```
#1d7137
```
#1d7137 rgb(29,113,55)
```
#21803e
```
#21803e rgb(33,128,62)
```
#259046
```
#259046 rgb(37,144,70)
```
#299f4d
```
#299f4d rgb(41,159,77)
```
#2daf55
```
#2daf55 rgb(45,175,85)
```
#31bf5d
```
#31bf5d rgb(49,191,93)
```

Shade Color Variation

#38cc65
```
#38cc65 rgb(56,204,101)
```
#47d071
```
#47d071 rgb(71,208,113)
```
#57d47d
```
#57d47d rgb(87,212,125)
```
#66d889
```
#66d889 rgb(102,216,137)
```
#76dc95
```
#76dc95 rgb(118,220,149)
```
#86e0a1
```
#86e0a1 rgb(134,224,161)
```
#95e4ad
```
#95e4ad rgb(149,228,173)
```
#a5e8b9
```
#a5e8b9 rgb(165,232,185)
```
#b4ecc5
```
#b4ecc5 rgb(180,236,197)
```
#c4f0d1
```
#c4f0d1 rgb(196,240,209)
```
#d4f4dd
```
#d4f4dd rgb(212,244,221)
```
#e3f8ea
```
#e3f8ea rgb(227,248,234)
```
#f3fcf6
```
#f3fcf6 rgb(243,252,246)
```

Tint Color Variation

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

#68746c
```
#68746c rgb(104,116,108)
```
#607c69
```
#607c69 rgb(96,124,105)
```
#578565
```
#578565 rgb(87,133,101)
```
#4f8d62
```
#4f8d62 rgb(79,141,98)
```
#46965f
```
#46965f rgb(70,150,95)
```
#3e9e5c
```
#3e9e5c rgb(62,158,92)
```
#35a758
```
#35a758 rgb(53,167,88)
```
#2daf55
```
#2daf55 rgb(45,175,85)
```
#25b752
```
#25b752 rgb(37,183,82)
```
#1cc04e
```
#1cc04e rgb(28,192,78)
```
#14c84b
```
#14c84b rgb(20,200,75)
```
#0bd148
```
#0bd148 rgb(11,209,72)
```
#03d945
```
#03d945 rgb(3,217,69)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6e8876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9e56 Protanopia 1% of men
#bd9767 Deuteranopia 1% of men
#5ca9b5 Tritanopia 0.001% of the population

Trichromacy

#7fa456 Protanomaly 1% of men, 0.01% of women
#89a060 Deuteranomaly 6% of men, 0.4% of women
#4bab92 Tritanomaly 0.01% of the population

#2daf55 hex color

#2daf55 Color Information

#2daf55 Color Conversion

Color Schemes with #2daf55

Alternatives to #2daf55

#2daf55 Preview

Shades and Tints of #2daf55

Tones of #2daf55

Color Blindness Simulator