colorhexa.com

#2ca677 hex color

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

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

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

The hexadecimal color #2ca677 has RGB values of R:44, G:166, B:119 and CMYK values of C:0.73, M:0, Y:0.28, K:0.35. Its decimal value is 2926199.

Hex triplet	2ca677	`#2ca677`
RGB Decimal	44, 166, 119	`rgb(44,166,119)`
RGB Percent	17.3, 65.1, 46.7	`rgb(17.3%,65.1%,46.7%)`
CMYK	73, 0, 28, 35
HSL	156.9°, 58.1, 41.2	`hsl(156.9,58.1%,41.2%)`
HSV (or HSB)	156.9°, 73.5, 65.1
Web Safe	339966	`#339966`

CIE-LAB	60.903, -44.33, 15.007
XYZ	18.003, 29.138, 22.127
xyY	0.26, 0.421, 29.138
CIE-LCH	60.903, 46.802, 161.298
CIE-LUV	60.903, -47.298, 27.369
Hunter-Lab	53.98, -34.931, 13.482
Binary	00101100, 10100110, 01110111

#2ca677
```
#2ca677 rgb(44,166,119)
```
#a62c5b
```
#a62c5b rgb(166,44,91)
```

Complementary Color

#2ca63a
```
#2ca63a rgb(44,166,58)
```
#2ca677
```
#2ca677 rgb(44,166,119)
```
#2c98a6
```
#2c98a6 rgb(44,152,166)
```

Analogous Color

#a63a2c
```
#a63a2c rgb(166,58,44)
```
#2ca677
```
#2ca677 rgb(44,166,119)
```
#a62c98
```
#a62c98 rgb(166,44,152)
```

Split Complementary Color

#a6772c
```
#a6772c rgb(166,119,44)
```
#2ca677
```
#2ca677 rgb(44,166,119)
```
#772ca6
```
#772ca6 rgb(119,44,166)
```

Triadic Color

#5ba62c
```
#5ba62c rgb(91,166,44)
```
#2ca677
```
#2ca677 rgb(44,166,119)
```
#772ca6
```
#772ca6 rgb(119,44,166)
```
#a62c5b
```
#a62c5b rgb(166,44,91)
```

Tetradic Color

#1c6a4c
```
#1c6a4c rgb(28,106,76)
```
#217e5a
```
#217e5a rgb(33,126,90)
```
#279269
```
#279269 rgb(39,146,105)
```
#2ca677
```
#2ca677 rgb(44,166,119)
```
#31ba85
```
#31ba85 rgb(49,186,133)
```
#3acb93
```
#3acb93 rgb(58,203,147)
```
#4ed09e
```
#4ed09e rgb(78,208,158)
```

Monochromatic Color

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

#2ca659
```
#2ca659 rgb(44,166,89)
```
#2ca663
```
#2ca663 rgb(44,166,99)
```
#2ca66d
```
#2ca66d rgb(44,166,109)
```
#2ca677
```
#2ca677 rgb(44,166,119)
```
#2ca681
```
#2ca681 rgb(44,166,129)
```
#2ca68b
```
#2ca68b rgb(44,166,139)
```
#2ca696
```
#2ca696 rgb(44,166,150)
```

Similar Colors

Text with hexadecimal color #2ca677

This text has a font color of #2ca677.

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

#2ca677 background color

This paragraph has a background color of #2ca677.

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

#2ca677 border color

This element has a border color of #2ca677.

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

CSS codes

.text {color:#2ca677;}

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

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

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

#030b08
```
#030b08 rgb(3,11,8)
```
#071a13
```
#071a13 rgb(7,26,19)
```
#0b2a1e
```
#0b2a1e rgb(11,42,30)
```
#0f3929
```
#0f3929 rgb(15,57,41)
```
#134934
```
#134934 rgb(19,73,52)
```
#17583f
```
#17583f rgb(23,88,63)
```
#1c684b
```
#1c684b rgb(28,104,75)
```
#207756
```
#207756 rgb(32,119,86)
```
#248761
```
#248761 rgb(36,135,97)
```
#28966c
```
#28966c rgb(40,150,108)
```
#2ca677
```
#2ca677 rgb(44,166,119)
```
#30b682
```
#30b682 rgb(48,182,130)
```
#34c58d
```
#34c58d rgb(52,197,141)
```

Shade Color Variation

#40cc97
```
#40cc97 rgb(64,204,151)
```
#50d19f
```
#50d19f rgb(80,209,159)
```
#5fd5a8
```
#5fd5a8 rgb(95,213,168)
```
#6fd9b0
```
#6fd9b0 rgb(111,217,176)
```
#7eddb9
```
#7eddb9 rgb(126,221,185)
```
#8ee1c1
```
#8ee1c1 rgb(142,225,193)
```
#9de5ca
```
#9de5ca rgb(157,229,202)
```
#ade9d2
```
#ade9d2 rgb(173,233,210)
```
#bceddb
```
#bceddb rgb(188,237,219)
```
#ccf1e3
```
#ccf1e3 rgb(204,241,227)
```
#dbf6ec
```
#dbf6ec rgb(219,246,236)
```
#ebfaf4
```
#ebfaf4 rgb(235,250,244)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#656d6a
```
#656d6a rgb(101,109,106)
```
#5c766c
```
#5c766c rgb(92,118,108)
```
#547e6e
```
#547e6e rgb(84,126,110)
```
#4c8670
```
#4c8670 rgb(76,134,112)
```
#448e71
```
#448e71 rgb(68,142,113)
```
#3c9673
```
#3c9673 rgb(60,150,115)
```
#349e75
```
#349e75 rgb(52,158,117)
```
#2ca677
```
#2ca677 rgb(44,166,119)
```
#24ae79
```
#24ae79 rgb(36,174,121)
```
#1cb67b
```
#1cb67b rgb(28,182,123)
```
#14be7d
```
#14be7d rgb(20,190,125)
```
#0cc67e
```
#0cc67e rgb(12,198,126)
```
#04ce80
```
#04ce80 rgb(4,206,128)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6c847b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29876 Protanopia 1% of men
#ad9386 Deuteranopia 1% of men
#51a4af Tritanopia 0.001% of the population

Trichromacy

#779d76 Protanomaly 1% of men, 0.01% of women
#7e9a80 Deuteranomaly 6% of men, 0.4% of women
#43a49b Tritanomaly 0.01% of the population