#2ca054 hex color

In a RGB color space, hex #2ca054 is composed of 17.3% red, 62.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 0% magenta, 47.5% yellow and 37.3% black. It has a hue angle of 140.7 degrees, a saturation of 56.9% and a lightness of 40%. #2ca054 color hex could be obtained by blending #58ffa8 with #004100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 17
- G 63
- B 33
RGB color chart
- C 73
- M 0
- Y 48
- K 37
CMYK color chart

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

The hexadecimal color #2ca054 has RGB values of R:44, G:160, B:84 and CMYK values of C:0.73, M:0, Y:0.48, K:0.37. Its decimal value is 2924628.

Hex triplet	2ca054	`#2ca054`
RGB Decimal	44, 160, 84	`rgb(44,160,84)`
RGB Percent	17.3, 62.7, 32.9	`rgb(17.3%,62.7%,32.9%)`
CMYK	73, 0, 48, 37
HSL	140.7°, 56.9, 40	`hsl(140.7,56.9%,40%)`
HSV (or HSB)	140.7°, 72.5, 62.7
Web Safe	339966	`#339966`

CIE-LAB	58.336, -48.963, 30.536
XYZ	15.209, 26.316, 12.665
xyY	0.281, 0.486, 26.316
CIE-LCH	58.336, 57.704, 148.05
CIE-LUV	58.336, -47.04, 45.805
Hunter-Lab	51.299, -36.852, 21.271
Binary	00101100, 10100000, 01010100

#2ca054
```
#2ca054 rgb(44,160,84)
```
#a02c78
```
#a02c78 rgb(160,44,120)
```

Complementary Color

#3ea02c
```
#3ea02c rgb(62,160,44)
```
#2ca054
```
#2ca054 rgb(44,160,84)
```
#2ca08e
```
#2ca08e rgb(44,160,142)
```

Analogous Color

#a02c3e
```
#a02c3e rgb(160,44,62)
```
#2ca054
```
#2ca054 rgb(44,160,84)
```
#8e2ca0
```
#8e2ca0 rgb(142,44,160)
```

Split Complementary Color

#a0542c
```
#a0542c rgb(160,84,44)
```
#2ca054
```
#2ca054 rgb(44,160,84)
```
#542ca0
```
#542ca0 rgb(84,44,160)
```

Triadic Color

#78a02c
```
#78a02c rgb(120,160,44)
```
#2ca054
```
#2ca054 rgb(44,160,84)
```
#542ca0
```
#542ca0 rgb(84,44,160)
```
#a02c78
```
#a02c78 rgb(160,44,120)
```

Tetradic Color

#1c6435
```
#1c6435 rgb(28,100,53)
```
#21783f
```
#21783f rgb(33,120,63)
```
#278c4a
```
#278c4a rgb(39,140,74)
```
#2ca054
```
#2ca054 rgb(44,160,84)
```
#32b45f
```
#32b45f rgb(50,180,95)
```
#37c869
```
#37c869 rgb(55,200,105)
```
#4bce78
```
#4bce78 rgb(75,206,120)
```

Monochromatic Color

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

#2ca037
```
#2ca037 rgb(44,160,55)
```
#2ca041
```
#2ca041 rgb(44,160,65)
```
#2ca04a
```
#2ca04a rgb(44,160,74)
```
#2ca054
```
#2ca054 rgb(44,160,84)
```
#2ca05e
```
#2ca05e rgb(44,160,94)
```
#2ca067
```
#2ca067 rgb(44,160,103)
```
#2ca071
```
#2ca071 rgb(44,160,113)
```

Similar Colors

Text with hexadecimal color #2ca054

This text has a font color of #2ca054.

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

#2ca054 background color

This paragraph has a background color of #2ca054.

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

#2ca054 border color

This element has a border color of #2ca054.

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

CSS codes

.text {color:#2ca054;}

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

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

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

#020603
```
#020603 rgb(2,6,3)
```
#06160b
```
#06160b rgb(6,22,11)
```
#0a2513
```
#0a2513 rgb(10,37,19)
```
#0e341b
```
#0e341b rgb(14,52,27)
```
#134424
```
#134424 rgb(19,68,36)
```
#17532c
```
#17532c rgb(23,83,44)
```
#1b6234
```
#1b6234 rgb(27,98,52)
```
#1f723c
```
#1f723c rgb(31,114,60)
```
#248144
```
#248144 rgb(36,129,68)
```
#28914c
```
#28914c rgb(40,145,76)
```
#2ca054
```
#2ca054 rgb(44,160,84)
```
#30af5c
```
#30af5c rgb(48,175,92)
```
#34bf64
```
#34bf64 rgb(52,191,100)
```

Shade Color Variation

#3dca6e
```
#3dca6e rgb(61,202,110)
```
#4dce79
```
#4dce79 rgb(77,206,121)
```
#5cd285
```
#5cd285 rgb(92,210,133)
```
#6bd690
```
#6bd690 rgb(107,214,144)
```
#7bdb9c
```
#7bdb9c rgb(123,219,156)
```
#8adfa7
```
#8adfa7 rgb(138,223,167)
```
#99e3b3
```
#99e3b3 rgb(153,227,179)
```
#a9e7be
```
#a9e7be rgb(169,231,190)
```
#b8ecca
```
#b8ecca rgb(184,236,202)
```
#c8f0d5
```
#c8f0d5 rgb(200,240,213)
```
#d7f4e1
```
#d7f4e1 rgb(215,244,225)
```
#e6f8ed
```
#e6f8ed rgb(230,248,237)
```
#f6fcf8
```
#f6fcf8 rgb(246,252,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636965 is the less saturated color, while #05c748 is the most saturated one.

#636965
```
#636965 rgb(99,105,101)
```
#5b7163
```
#5b7163 rgb(91,113,99)
```
#537960
```
#537960 rgb(83,121,96)
```
#4b815e
```
#4b815e rgb(75,129,94)
```
#44885b
```
#44885b rgb(68,136,91)
```
#3c9059
```
#3c9059 rgb(60,144,89)
```
#349856
```
#349856 rgb(52,152,86)
```
#2ca054
```
#2ca054 rgb(44,160,84)
```
#24a852
```
#24a852 rgb(36,168,82)
```
#1cb04f
```
#1cb04f rgb(28,176,79)
```
#14b84d
```
#14b84d rgb(20,184,77)
```
#0dbf4a
```
#0dbf4a rgb(13,191,74)
```
#05c748
```
#05c748 rgb(5,199,72)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#667e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9256 Protanopia 1% of men
#ad8c65 Deuteranopia 1% of men
#569ca7 Tritanopia 0.001% of the population

Trichromacy

#759755 Protanomaly 1% of men, 0.01% of women
#7e935f Deuteranomaly 6% of men, 0.4% of women
#469d89 Tritanomaly 0.01% of the population

#2ca054 hex color

#2ca054 Color Information

#2ca054 Color Conversion

Color Schemes with #2ca054

Alternatives to #2ca054

#2ca054 Preview

Shades and Tints of #2ca054

Tones of #2ca054

Color Blindness Simulator