#2ca369 hex color

In a RGB color space, hex #2ca369 is composed of 17.3% red, 63.9% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 0% magenta, 35.6% yellow and 36.1% black. It has a hue angle of 150.8 degrees, a saturation of 57.5% and a lightness of 40.6%. #2ca369 color hex could be obtained by blending #58ffd2 with #004700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 17
- G 64
- B 41
RGB color chart
- C 73
- M 0
- Y 36
- K 36
CMYK color chart

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

The hexadecimal color #2ca369 has RGB values of R:44, G:163, B:105 and CMYK values of C:0.73, M:0, Y:0.36, K:0.36. Its decimal value is 2925417.

Hex triplet	2ca369	`#2ca369`
RGB Decimal	44, 163, 105	`rgb(44,163,105)`
RGB Percent	17.3, 63.9, 41.2	`rgb(17.3%,63.9%,41.2%)`
CMYK	73, 0, 36, 36
HSL	150.8°, 57.5, 40.6	`hsl(150.8,57.5%,40.6%)`
HSV (or HSB)	150.8°, 73, 63.9
Web Safe	339966	`#339966`

CIE-LAB	59.661, -46.164, 21.009
XYZ	16.684, 27.748, 17.84
xyY	0.268, 0.446, 27.748
CIE-LCH	59.661, 50.719, 155.53
CIE-LUV	59.661, -47.032, 34.953
Hunter-Lab	52.677, -35.647, 16.793
Binary	00101100, 10100011, 01101001

#2ca369
```
#2ca369 rgb(44,163,105)
```
#a32c66
```
#a32c66 rgb(163,44,102)
```

Complementary Color

#2ca32e
```
#2ca32e rgb(44,163,46)
```
#2ca369
```
#2ca369 rgb(44,163,105)
```
#2ca2a3
```
#2ca2a3 rgb(44,162,163)
```

Analogous Color

#a32e2c
```
#a32e2c rgb(163,46,44)
```
#2ca369
```
#2ca369 rgb(44,163,105)
```
#a32ca2
```
#a32ca2 rgb(163,44,162)
```

Split Complementary Color

#a3692c
```
#a3692c rgb(163,105,44)
```
#2ca369
```
#2ca369 rgb(44,163,105)
```
#692ca3
```
#692ca3 rgb(105,44,163)
```

Triadic Color

#66a32c
```
#66a32c rgb(102,163,44)
```
#2ca369
```
#2ca369 rgb(44,163,105)
```
#692ca3
```
#692ca3 rgb(105,44,163)
```
#a32c66
```
#a32c66 rgb(163,44,102)
```

Tetradic Color

#1c6742
```
#1c6742 rgb(28,103,66)
```
#217b4f
```
#217b4f rgb(33,123,79)
```
#278f5c
```
#278f5c rgb(39,143,92)
```
#2ca369
```
#2ca369 rgb(44,163,105)
```
#31b776
```
#31b776 rgb(49,183,118)
```
#39c983
```
#39c983 rgb(57,201,131)
```
#4dcf8f
```
#4dcf8f rgb(77,207,143)
```

Monochromatic Color

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

#2ca34b
```
#2ca34b rgb(44,163,75)
```
#2ca355
```
#2ca355 rgb(44,163,85)
```
#2ca35f
```
#2ca35f rgb(44,163,95)
```
#2ca369
```
#2ca369 rgb(44,163,105)
```
#2ca373
```
#2ca373 rgb(44,163,115)
```
#2ca37d
```
#2ca37d rgb(44,163,125)
```
#2ca387
```
#2ca387 rgb(44,163,135)
```

Similar Colors

Text with hexadecimal color #2ca369

This text has a font color of #2ca369.

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

#2ca369 background color

This paragraph has a background color of #2ca369.

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

#2ca369 border color

This element has a border color of #2ca369.

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

CSS codes

.text {color:#2ca369;}

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

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

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

#020906
```
#020906 rgb(2,9,6)
```
#06180f
```
#06180f rgb(6,24,15)
```
#0b2719
```
#0b2719 rgb(11,39,25)
```
#0f3723
```
#0f3723 rgb(15,55,35)
```
#13462d
```
#13462d rgb(19,70,45)
```
#175637
```
#175637 rgb(23,86,55)
```
#1b6541
```
#1b6541 rgb(27,101,65)
```
#1f754b
```
#1f754b rgb(31,117,75)
```
#248455
```
#248455 rgb(36,132,85)
```
#28945f
```
#28945f rgb(40,148,95)
```
#2ca369
```
#2ca369 rgb(44,163,105)
```
#30b273
```
#30b273 rgb(48,178,115)
```
#34c27d
```
#34c27d rgb(52,194,125)
```

Shade Color Variation

#3fcb87
```
#3fcb87 rgb(63,203,135)
```
#4ecf90
```
#4ecf90 rgb(78,207,144)
```
#5ed39a
```
#5ed39a rgb(94,211,154)
```
#6dd8a4
```
#6dd8a4 rgb(109,216,164)
```
#7ddcad
```
#7ddcad rgb(125,220,173)
```
#8ce0b7
```
#8ce0b7 rgb(140,224,183)
```
#9be4c1
```
#9be4c1 rgb(155,228,193)
```
#abe8ca
```
#abe8ca rgb(171,232,202)
```
#baecd4
```
#baecd4 rgb(186,236,212)
```
#caf1de
```
#caf1de rgb(202,241,222)
```
#d9f5e7
```
#d9f5e7 rgb(217,245,231)
```
#e9f9f1
```
#e9f9f1 rgb(233,249,241)
```
#f8fdfb
```
#f8fdfb rgb(248,253,251)
```

Tint Color Variation

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

#646b68
```
#646b68 rgb(100,107,104)
```
#5c7368
```
#5c7368 rgb(92,115,104)
```
#547b68
```
#547b68 rgb(84,123,104)
```
#4c8368
```
#4c8368 rgb(76,131,104)
```
#448b68
```
#448b68 rgb(68,139,104)
```
#3c9369
```
#3c9369 rgb(60,147,105)
```
#349b69
```
#349b69 rgb(52,155,105)
```
#2ca369
```
#2ca369 rgb(44,163,105)
```
#24ab69
```
#24ab69 rgb(36,171,105)
```
#1cb369
```
#1cb369 rgb(28,179,105)
```
#14bb6a
```
#14bb6a rgb(20,187,106)
```
#0cc36a
```
#0cc36a rgb(12,195,106)
```
#04cb6a
```
#04cb6a rgb(4,203,106)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6a8176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19569 Protanopia 1% of men
#ad8f79 Deuteranopia 1% of men
#53a0ac Tritanopia 0.001% of the population

Trichromacy

#769a69 Protanomaly 1% of men, 0.01% of women
#7e9673 Deuteranomaly 6% of men, 0.4% of women
#45a193 Tritanomaly 0.01% of the population

#2ca369 hex color

#2ca369 Color Information

#2ca369 Color Conversion

Color Schemes with #2ca369

Alternatives to #2ca369

#2ca369 Preview

Shades and Tints of #2ca369

Tones of #2ca369

Color Blindness Simulator