#2ca674 hex color

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

♥
- f
- t
- g
- R 17
- G 65
- B 45
RGB color chart
- C 73
- M 0
- Y 30
- K 35
CMYK color chart

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

The hexadecimal color #2ca674 has RGB values of R:44, G:166, B:116 and CMYK values of C:0.73, M:0, Y:0.3, K:0.35. Its decimal value is 2926196.

Hex triplet	2ca674	`#2ca674`
RGB Decimal	44, 166, 116	`rgb(44,166,116)`
RGB Percent	17.3, 65.1, 45.5	`rgb(17.3%,65.1%,45.5%)`
CMYK	73, 0, 30, 35
HSL	155.4°, 58.1, 41.2	`hsl(155.4,58.1%,41.2%)`
HSV (or HSB)	155.4°, 73.5, 65.1
Web Safe	339966	`#339966`

CIE-LAB	60.841, -45.007, 16.578
XYZ	17.826, 29.067, 21.193
xyY	0.262, 0.427, 29.067
CIE-LCH	60.841, 47.963, 159.78
CIE-LUV	60.841, -47.481, 29.474
Hunter-Lab	53.914, -35.331, 14.433
Binary	00101100, 10100110, 01110100

#2ca674
```
#2ca674 rgb(44,166,116)
```
#a62c5e
```
#a62c5e rgb(166,44,94)
```

Complementary Color

#2ca637
```
#2ca637 rgb(44,166,55)
```
#2ca674
```
#2ca674 rgb(44,166,116)
```
#2c9ba6
```
#2c9ba6 rgb(44,155,166)
```

Analogous Color

#a6372c
```
#a6372c rgb(166,55,44)
```
#2ca674
```
#2ca674 rgb(44,166,116)
```
#a62c9b
```
#a62c9b rgb(166,44,155)
```

Split Complementary Color

#a6742c
```
#a6742c rgb(166,116,44)
```
#2ca674
```
#2ca674 rgb(44,166,116)
```
#742ca6
```
#742ca6 rgb(116,44,166)
```

Triadic Color

#5ea62c
```
#5ea62c rgb(94,166,44)
```
#2ca674
```
#2ca674 rgb(44,166,116)
```
#742ca6
```
#742ca6 rgb(116,44,166)
```
#a62c5e
```
#a62c5e rgb(166,44,94)
```

Tetradic Color

#1c6a4a
```
#1c6a4a rgb(28,106,74)
```
#217e58
```
#217e58 rgb(33,126,88)
```
#279266
```
#279266 rgb(39,146,102)
```
#2ca674
```
#2ca674 rgb(44,166,116)
```
#31ba82
```
#31ba82 rgb(49,186,130)
```
#3acb90
```
#3acb90 rgb(58,203,144)
```
#4ed09b
```
#4ed09b rgb(78,208,155)
```

Monochromatic Color

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

#2ca656
```
#2ca656 rgb(44,166,86)
```
#2ca660
```
#2ca660 rgb(44,166,96)
```
#2ca66a
```
#2ca66a rgb(44,166,106)
```
#2ca674
```
#2ca674 rgb(44,166,116)
```
#2ca67e
```
#2ca67e rgb(44,166,126)
```
#2ca688
```
#2ca688 rgb(44,166,136)
```
#2ca693
```
#2ca693 rgb(44,166,147)
```

Similar Colors

Text with hexadecimal color #2ca674

This text has a font color of #2ca674.

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

#2ca674 background color

This paragraph has a background color of #2ca674.

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

#2ca674 border color

This element has a border color of #2ca674.

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

CSS codes

.text {color:#2ca674;}

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

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

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

#030b08
```
#030b08 rgb(3,11,8)
```
#071a12
```
#071a12 rgb(7,26,18)
```
#0b2a1d
```
#0b2a1d rgb(11,42,29)
```
#0f3928
```
#0f3928 rgb(15,57,40)
```
#134933
```
#134933 rgb(19,73,51)
```
#17583e
```
#17583e rgb(23,88,62)
```
#1c6849
```
#1c6849 rgb(28,104,73)
```
#207753
```
#207753 rgb(32,119,83)
```
#24875e
```
#24875e rgb(36,135,94)
```
#289669
```
#289669 rgb(40,150,105)
```
#2ca674
```
#2ca674 rgb(44,166,116)
```
#30b67f
```
#30b67f rgb(48,182,127)
```
#34c58a
```
#34c58a rgb(52,197,138)
```

Shade Color Variation

#40cc93
```
#40cc93 rgb(64,204,147)
```
#50d19c
```
#50d19c rgb(80,209,156)
```
#5fd5a5
```
#5fd5a5 rgb(95,213,165)
```
#6fd9ad
```
#6fd9ad rgb(111,217,173)
```
#7eddb6
```
#7eddb6 rgb(126,221,182)
```
#8ee1bf
```
#8ee1bf rgb(142,225,191)
```
#9de5c8
```
#9de5c8 rgb(157,229,200)
```
#ade9d1
```
#ade9d1 rgb(173,233,209)
```
#bcedd9
```
#bcedd9 rgb(188,237,217)
```
#ccf1e2
```
#ccf1e2 rgb(204,241,226)
```
#dbf6eb
```
#dbf6eb rgb(219,246,235)
```
#ebfaf4
```
#ebfaf4 rgb(235,250,244)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Tint Color Variation

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

#656d6a
```
#656d6a rgb(101,109,106)
```
#5c766b
```
#5c766b rgb(92,118,107)
```
#547e6d
```
#547e6d rgb(84,126,109)
```
#4c866e
```
#4c866e rgb(76,134,110)
```
#448e70
```
#448e70 rgb(68,142,112)
```
#3c9671
```
#3c9671 rgb(60,150,113)
```
#349e73
```
#349e73 rgb(52,158,115)
```
#2ca674
```
#2ca674 rgb(44,166,116)
```
#24ae75
```
#24ae75 rgb(36,174,117)
```
#1cb677
```
#1cb677 rgb(28,182,119)
```
#14be78
```
#14be78 rgb(20,190,120)
```
#0cc67a
```
#0cc67a rgb(12,198,122)
```
#04ce7b
```
#04ce7b rgb(4,206,123)
```

Tone Color Variation

Below, you can see how #2ca674 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
#6c847a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39873 Protanopia 1% of men
#ae9383 Deuteranopia 1% of men
#52a3af Tritanopia 0.001% of the population

Trichromacy

#779d73 Protanomaly 1% of men, 0.01% of women
#7e997d Deuteranomaly 6% of men, 0.4% of women
#44a499 Tritanomaly 0.01% of the population

#2ca674 hex color

#2ca674 Color Information

#2ca674 Color Conversion

Color Schemes with #2ca674

Alternatives to #2ca674

#2ca674 Preview

Shades and Tints of #2ca674

Tones of #2ca674

Color Blindness Simulator