#2ca554 hex color

In a RGB color space, hex #2ca554 is composed of 17.3% red, 64.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 0% magenta, 49.1% yellow and 35.3% black. It has a hue angle of 139.8 degrees, a saturation of 57.9% and a lightness of 41%. #2ca554 color hex could be obtained by blending #58ffa8 with #004b00. Closest websafe color is: #339966.

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

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

The hexadecimal color #2ca554 has RGB values of R:44, G:165, B:84 and CMYK values of C:0.73, M:0, Y:0.49, K:0.35. Its decimal value is 2925908.

Hex triplet	2ca554	`#2ca554`
RGB Decimal	44, 165, 84	`rgb(44,165,84)`
RGB Percent	17.3, 64.7, 32.9	`rgb(17.3%,64.7%,32.9%)`
CMYK	73, 0, 49, 35
HSL	139.8°, 57.9, 41	`hsl(139.8,57.9%,41%)`
HSV (or HSB)	139.8°, 73.3, 64.7
Web Safe	339966	`#339966`

CIE-LAB	59.965, -50.823, 32.593
XYZ	16.093, 28.084, 12.96
xyY	0.282, 0.492, 28.084
CIE-LCH	59.965, 60.377, 147.328
CIE-LUV	59.965, -48.855, 48.648
Hunter-Lab	52.995, -38.535, 22.597
Binary	00101100, 10100101, 01010100

#2ca554
```
#2ca554 rgb(44,165,84)
```
#a52c7d
```
#a52c7d rgb(165,44,125)
```

Complementary Color

#41a52c
```
#41a52c rgb(65,165,44)
```
#2ca554
```
#2ca554 rgb(44,165,84)
```
#2ca591
```
#2ca591 rgb(44,165,145)
```

Analogous Color

#a52c40
```
#a52c40 rgb(165,44,64)
```
#2ca554
```
#2ca554 rgb(44,165,84)
```
#912ca5
```
#912ca5 rgb(145,44,165)
```

Split Complementary Color

#a5542c
```
#a5542c rgb(165,84,44)
```
#2ca554
```
#2ca554 rgb(44,165,84)
```
#542ca5
```
#542ca5 rgb(84,44,165)
```

Triadic Color

#7da52c
```
#7da52c rgb(125,165,44)
```
#2ca554
```
#2ca554 rgb(44,165,84)
```
#542ca5
```
#542ca5 rgb(84,44,165)
```
#a52c7d
```
#a52c7d rgb(165,44,125)
```

Tetradic Color

#1c6935
```
#1c6935 rgb(28,105,53)
```
#217d40
```
#217d40 rgb(33,125,64)
```
#27914a
```
#27914a rgb(39,145,74)
```
#2ca554
```
#2ca554 rgb(44,165,84)
```
#31b95e
```
#31b95e rgb(49,185,94)
```
#3aca69
```
#3aca69 rgb(58,202,105)
```
#4ed079
```
#4ed079 rgb(78,208,121)
```

Monochromatic Color

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

#2ca536
```
#2ca536 rgb(44,165,54)
```
#2ca540
```
#2ca540 rgb(44,165,64)
```
#2ca54a
```
#2ca54a rgb(44,165,74)
```
#2ca554
```
#2ca554 rgb(44,165,84)
```
#2ca55e
```
#2ca55e rgb(44,165,94)
```
#2ca568
```
#2ca568 rgb(44,165,104)
```
#2ca572
```
#2ca572 rgb(44,165,114)
```

Similar Colors

Text with hexadecimal color #2ca554

This text has a font color of #2ca554.

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

#2ca554 background color

This paragraph has a background color of #2ca554.

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

#2ca554 border color

This element has a border color of #2ca554.

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

CSS codes

.text {color:#2ca554;}

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

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

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

#030a05
```
#030a05 rgb(3,10,5)
```
#071a0d
```
#071a0d rgb(7,26,13)
```
#0b2915
```
#0b2915 rgb(11,41,21)
```
#0f391d
```
#0f391d rgb(15,57,29)
```
#134825
```
#134825 rgb(19,72,37)
```
#17582d
```
#17582d rgb(23,88,45)
```
#1b6734
```
#1b6734 rgb(27,103,52)
```
#20773c
```
#20773c rgb(32,119,60)
```
#248644
```
#248644 rgb(36,134,68)
```
#28964c
```
#28964c rgb(40,150,76)
```
#2ca554
```
#2ca554 rgb(44,165,84)
```
#30b45c
```
#30b45c rgb(48,180,92)
```
#34c464
```
#34c464 rgb(52,196,100)
```

Shade Color Variation

#40cc6e
```
#40cc6e rgb(64,204,110)
```
#4fd07a
```
#4fd07a rgb(79,208,122)
```
#5fd486
```
#5fd486 rgb(95,212,134)
```
#6ed891
```
#6ed891 rgb(110,216,145)
```
#7edd9d
```
#7edd9d rgb(126,221,157)
```
#8de1a9
```
#8de1a9 rgb(141,225,169)
```
#9de5b5
```
#9de5b5 rgb(157,229,181)
```
#ace9c0
```
#ace9c0 rgb(172,233,192)
```
#bcedcc
```
#bcedcc rgb(188,237,204)
```
#cbf1d8
```
#cbf1d8 rgb(203,241,216)
```
#dbf5e3
```
#dbf5e3 rgb(219,245,227)
```
#eaf9ef
```
#eaf9ef rgb(234,249,239)
```
#fafefb
```
#fafefb rgb(250,254,251)
```

Tint Color Variation

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

#646d67
```
#646d67 rgb(100,109,103)
```
#5c7564
```
#5c7564 rgb(92,117,100)
```
#547d62
```
#547d62 rgb(84,125,98)
```
#4c855f
```
#4c855f rgb(76,133,95)
```
#448d5c
```
#448d5c rgb(68,141,92)
```
#3c9559
```
#3c9559 rgb(60,149,89)
```
#349d57
```
#349d57 rgb(52,157,87)
```
#2ca554
```
#2ca554 rgb(44,165,84)
```
#24ad51
```
#24ad51 rgb(36,173,81)
```
#1cb54f
```
#1cb54f rgb(28,181,79)
```
#14bd4c
```
#14bd4c rgb(20,189,76)
```
#0cc549
```
#0cc549 rgb(12,197,73)
```
#04cd46
```
#04cd46 rgb(4,205,70)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#698171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49656 Protanopia 1% of men
#b39065 Deuteranopia 1% of men
#58a0ac Tritanopia 0.001% of the population

Trichromacy

#789b55 Protanomaly 1% of men, 0.01% of women
#81975f Deuteranomaly 6% of men, 0.4% of women
#48a28c Tritanomaly 0.01% of the population

#2ca554 hex color

#2ca554 Color Information

#2ca554 Color Conversion

Color Schemes with #2ca554

Alternatives to #2ca554

#2ca554 Preview

Shades and Tints of #2ca554

Tones of #2ca554

Color Blindness Simulator