colorhexa.com

#2ca66f hex color

In a RGB color space, hex #2ca66f is composed of 17.3% red, 65.1% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 0% magenta, 33.1% yellow and 34.9% black. It has a hue angle of 153 degrees, a saturation of 58.1% and a lightness of 41.2%. #2ca66f color hex could be obtained by blending #58ffde with #004d00. Closest websafe color is: #339966.

- R 17
- G 65
- B 44
RGB color chart
- C 73
- M 0
- Y 33
- K 35
CMYK color chart

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

The hexadecimal color #2ca66f has RGB values of R:44, G:166, B:111 and CMYK values of C:0.73, M:0, Y:0.33, K:0.35. Its decimal value is 2926191.

Hex triplet	2ca66f	`#2ca66f`
RGB Decimal	44, 166, 111	`rgb(44,166,111)`
RGB Percent	17.3, 65.1, 43.5	`rgb(17.3%,65.1%,43.5%)`
CMYK	73, 0, 33, 35
HSL	153°, 58.1, 41.2	`hsl(153,58.1%,41.2%)`
HSV (or HSB)	153°, 73.5, 65.1
Web Safe	339966	`#339966`

CIE-LAB	60.741, -46.1, 19.19
XYZ	17.543, 28.954, 19.702
xyY	0.265, 0.437, 28.954
CIE-LCH	60.741, 49.934, 157.4
CIE-LUV	60.741, -47.778, 32.894
Hunter-Lab	53.809, -35.971, 15.957
Binary	00101100, 10100110, 01101111

#2ca66f
```
#2ca66f rgb(44,166,111)
```
#a62c63
```
#a62c63 rgb(166,44,99)
```

Complementary Color

#2ca632
```
#2ca632 rgb(44,166,50)
```
#2ca66f
```
#2ca66f rgb(44,166,111)
```
#2ca0a6
```
#2ca0a6 rgb(44,160,166)
```

Analogous Color

#a6322c
```
#a6322c rgb(166,50,44)
```
#2ca66f
```
#2ca66f rgb(44,166,111)
```
#a62ca0
```
#a62ca0 rgb(166,44,160)
```

Split Complementary Color

#a66f2c
```
#a66f2c rgb(166,111,44)
```
#2ca66f
```
#2ca66f rgb(44,166,111)
```
#6f2ca6
```
#6f2ca6 rgb(111,44,166)
```

Triadic Color

#63a62c
```
#63a62c rgb(99,166,44)
```
#2ca66f
```
#2ca66f rgb(44,166,111)
```
#6f2ca6
```
#6f2ca6 rgb(111,44,166)
```
#a62c63
```
#a62c63 rgb(166,44,99)
```

Tetradic Color

#1c6a47
```
#1c6a47 rgb(28,106,71)
```
#217e54
```
#217e54 rgb(33,126,84)
```
#279262
```
#279262 rgb(39,146,98)
```
#2ca66f
```
#2ca66f rgb(44,166,111)
```
#31ba7c
```
#31ba7c rgb(49,186,124)
```
#3acb8a
```
#3acb8a rgb(58,203,138)
```
#4ed096
```
#4ed096 rgb(78,208,150)
```

Monochromatic Color

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

#2ca651
```
#2ca651 rgb(44,166,81)
```
#2ca65b
```
#2ca65b rgb(44,166,91)
```
#2ca665
```
#2ca665 rgb(44,166,101)
```
#2ca66f
```
#2ca66f rgb(44,166,111)
```
#2ca679
```
#2ca679 rgb(44,166,121)
```
#2ca683
```
#2ca683 rgb(44,166,131)
```
#2ca68e
```
#2ca68e rgb(44,166,142)
```

Similar Colors

Text with hexadecimal color #2ca66f

This text has a font color of #2ca66f.

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

#2ca66f background color

This paragraph has a background color of #2ca66f.

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

#2ca66f border color

This element has a border color of #2ca66f.

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

CSS codes

.text {color:#2ca66f;}

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

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

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, #030b07 is the darkest color, while #fafefc is the lightest one.

#030b07
```
#030b07 rgb(3,11,7)
```
#071a12
```
#071a12 rgb(7,26,18)
```
#0b2a1c
```
#0b2a1c rgb(11,42,28)
```
#0f3926
```
#0f3926 rgb(15,57,38)
```
#134931
```
#134931 rgb(19,73,49)
```
#17583b
```
#17583b rgb(23,88,59)
```
#1c6846
```
#1c6846 rgb(28,104,70)
```
#207750
```
#207750 rgb(32,119,80)
```
#24875a
```
#24875a rgb(36,135,90)
```
#289665
```
#289665 rgb(40,150,101)
```
#2ca66f
```
#2ca66f rgb(44,166,111)
```
#30b679
```
#30b679 rgb(48,182,121)
```
#34c584
```
#34c584 rgb(52,197,132)
```

Shade Color Variation

#40cc8d
```
#40cc8d rgb(64,204,141)
```
#50d197
```
#50d197 rgb(80,209,151)
```
#5fd5a0
```
#5fd5a0 rgb(95,213,160)
```
#6fd9a9
```
#6fd9a9 rgb(111,217,169)
```
#7eddb2
```
#7eddb2 rgb(126,221,178)
```
#8ee1bc
```
#8ee1bc rgb(142,225,188)
```
#9de5c5
```
#9de5c5 rgb(157,229,197)
```
#ade9ce
```
#ade9ce rgb(173,233,206)
```
#bcedd7
```
#bcedd7 rgb(188,237,215)
```
#ccf1e1
```
#ccf1e1 rgb(204,241,225)
```
#dbf6ea
```
#dbf6ea rgb(219,246,234)
```
#ebfaf3
```
#ebfaf3 rgb(235,250,243)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Tint Color Variation

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

#656d69
```
#656d69 rgb(101,109,105)
```
#5c766a
```
#5c766a rgb(92,118,106)
```
#547e6b
```
#547e6b rgb(84,126,107)
```
#4c866c
```
#4c866c rgb(76,134,108)
```
#448e6d
```
#448e6d rgb(68,142,109)
```
#3c966d
```
#3c966d rgb(60,150,109)
```
#349e6e
```
#349e6e rgb(52,158,110)
```
#2ca66f
```
#2ca66f rgb(44,166,111)
```
#24ae70
```
#24ae70 rgb(36,174,112)
```
#1cb671
```
#1cb671 rgb(28,182,113)
```
#14be71
```
#14be71 rgb(20,190,113)
```
#0cc672
```
#0cc672 rgb(12,198,114)
```
#04ce73
```
#04ce73 rgb(4,206,115)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6b8479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3976e Protanopia 1% of men
#af927e Deuteranopia 1% of men
#53a3af Tritanopia 0.001% of the population

Trichromacy

#789d6e Protanomaly 1% of men, 0.01% of women
#7f9979 Deuteranomaly 6% of men, 0.4% of women
#45a497 Tritanomaly 0.01% of the population