#2ca255 hex color

In a RGB color space, hex #2ca255 is composed of 17.3% red, 63.5% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 0% magenta, 47.5% yellow and 36.5% black. It has a hue angle of 140.8 degrees, a saturation of 57.3% and a lightness of 40.4%. #2ca255 color hex could be obtained by blending #58ffaa with #004500. Closest websafe color is: #339966.

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

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

The hexadecimal color #2ca255 has RGB values of R:44, G:162, B:85 and CMYK values of C:0.73, M:0, Y:0.48, K:0.36. Its decimal value is 2925141.

Hex triplet	2ca255	`#2ca255`
RGB Decimal	44, 162, 85	`rgb(44,162,85)`
RGB Percent	17.3, 63.5, 33.3	`rgb(17.3%,63.5%,33.3%)`
CMYK	73, 0, 48, 36
HSL	140.8°, 57.3, 40.4	`hsl(140.8,57.3%,40.4%)`
HSV (or HSB)	140.8°, 72.8, 63.5
Web Safe	339966	`#339966`

CIE-LAB	59.003, -49.543, 30.86
XYZ	15.598, 27.031, 12.989
xyY	0.28, 0.486, 27.031
CIE-LCH	59.003, 58.368, 148.082
CIE-LUV	59.003, -47.72, 46.402
Hunter-Lab	51.991, -37.432, 21.581
Binary	00101100, 10100010, 01010101

#2ca255
```
#2ca255 rgb(44,162,85)
```
#a22c79
```
#a22c79 rgb(162,44,121)
```

Complementary Color

#3ea22c
```
#3ea22c rgb(62,162,44)
```
#2ca255
```
#2ca255 rgb(44,162,85)
```
#2ca290
```
#2ca290 rgb(44,162,144)
```

Analogous Color

#a22c3e
```
#a22c3e rgb(162,44,62)
```
#2ca255
```
#2ca255 rgb(44,162,85)
```
#902ca2
```
#902ca2 rgb(144,44,162)
```

Split Complementary Color

#a2552c
```
#a2552c rgb(162,85,44)
```
#2ca255
```
#2ca255 rgb(44,162,85)
```
#552ca2
```
#552ca2 rgb(85,44,162)
```

Triadic Color

#79a22c
```
#79a22c rgb(121,162,44)
```
#2ca255
```
#2ca255 rgb(44,162,85)
```
#552ca2
```
#552ca2 rgb(85,44,162)
```
#a22c79
```
#a22c79 rgb(162,44,121)
```

Tetradic Color

#1c6635
```
#1c6635 rgb(28,102,53)
```
#217a40
```
#217a40 rgb(33,122,64)
```
#278e4a
```
#278e4a rgb(39,142,74)
```
#2ca255
```
#2ca255 rgb(44,162,85)
```
#31b660
```
#31b660 rgb(49,182,96)
```
#38c96a
```
#38c96a rgb(56,201,106)
```
#4cce79
```
#4cce79 rgb(76,206,121)
```

Monochromatic Color

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

#2ca238
```
#2ca238 rgb(44,162,56)
```
#2ca241
```
#2ca241 rgb(44,162,65)
```
#2ca24b
```
#2ca24b rgb(44,162,75)
```
#2ca255
```
#2ca255 rgb(44,162,85)
```
#2ca25f
```
#2ca25f rgb(44,162,95)
```
#2ca269
```
#2ca269 rgb(44,162,105)
```
#2ca273
```
#2ca273 rgb(44,162,115)
```

Similar Colors

Text with hexadecimal color #2ca255

This text has a font color of #2ca255.

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

#2ca255 background color

This paragraph has a background color of #2ca255.

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

#2ca255 border color

This element has a border color of #2ca255.

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

CSS codes

.text {color:#2ca255;}

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

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

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

#020804
```
#020804 rgb(2,8,4)
```
#06170c
```
#06170c rgb(6,23,12)
```
#0a2714
```
#0a2714 rgb(10,39,20)
```
#0f361c
```
#0f361c rgb(15,54,28)
```
#134524
```
#134524 rgb(19,69,36)
```
#17552d
```
#17552d rgb(23,85,45)
```
#1b6435
```
#1b6435 rgb(27,100,53)
```
#1f743d
```
#1f743d rgb(31,116,61)
```
#248345
```
#248345 rgb(36,131,69)
```
#28934d
```
#28934d rgb(40,147,77)
```
#2ca255
```
#2ca255 rgb(44,162,85)
```
#30b15d
```
#30b15d rgb(48,177,93)
```
#34c165
```
#34c165 rgb(52,193,101)
```

Shade Color Variation

#3ecb6f
```
#3ecb6f rgb(62,203,111)
```
#4ecf7b
```
#4ecf7b rgb(78,207,123)
```
#5dd386
```
#5dd386 rgb(93,211,134)
```
#6cd792
```
#6cd792 rgb(108,215,146)
```
#7cdb9d
```
#7cdb9d rgb(124,219,157)
```
#8be0a9
```
#8be0a9 rgb(139,224,169)
```
#9be4b4
```
#9be4b4 rgb(155,228,180)
```
#aae8c0
```
#aae8c0 rgb(170,232,192)
```
#baeccb
```
#baeccb rgb(186,236,203)
```
#c9f0d7
```
#c9f0d7 rgb(201,240,215)
```
#d8f5e2
```
#d8f5e2 rgb(216,245,226)
```
#e8f9ee
```
#e8f9ee rgb(232,249,238)
```
#f7fdf9
```
#f7fdf9 rgb(247,253,249)
```

Tint Color Variation

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

#636b66
```
#636b66 rgb(99,107,102)
```
#5c7264
```
#5c7264 rgb(92,114,100)
```
#547a61
```
#547a61 rgb(84,122,97)
```
#4c825f
```
#4c825f rgb(76,130,95)
```
#448a5c
```
#448a5c rgb(68,138,92)
```
#3c925a
```
#3c925a rgb(60,146,90)
```
#349a57
```
#349a57 rgb(52,154,87)
```
#2ca255
```
#2ca255 rgb(44,162,85)
```
#24aa53
```
#24aa53 rgb(36,170,83)
```
#1cb250
```
#1cb250 rgb(28,178,80)
```
#14ba4e
```
#14ba4e rgb(20,186,78)
```
#0cc24b
```
#0cc24b rgb(12,194,75)
```
#04ca49
```
#04ca49 rgb(4,202,73)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#677f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19357 Protanopia 1% of men
#af8d66 Deuteranopia 1% of men
#569ea9 Tritanopia 0.001% of the population

Trichromacy

#769956 Protanomaly 1% of men, 0.01% of women
#7f9560 Deuteranomaly 6% of men, 0.4% of women
#479f8a Tritanomaly 0.01% of the population

#2ca255 hex color

#2ca255 Color Information

#2ca255 Color Conversion

Color Schemes with #2ca255

Alternatives to #2ca255

#2ca255 Preview

Shades and Tints of #2ca255

Tones of #2ca255

Color Blindness Simulator