#2ca85f hex color

In a RGB color space, hex #2ca85f is composed of 17.3% red, 65.9% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 0% magenta, 43.5% yellow and 34.1% black. It has a hue angle of 144.7 degrees, a saturation of 58.5% and a lightness of 41.6%. #2ca85f color hex could be obtained by blending #58ffbe with #005100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 17
- G 66
- B 37
RGB color chart
- C 74
- M 0
- Y 43
- K 34
CMYK color chart

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

The hexadecimal color #2ca85f has RGB values of R:44, G:168, B:95 and CMYK values of C:0.74, M:0, Y:0.43, K:0.34. Its decimal value is 2926687.

Hex triplet	2ca85f	`#2ca85f`
RGB Decimal	44, 168, 95	`rgb(44,168,95)`
RGB Percent	17.3, 65.9, 37.3	`rgb(17.3%,65.9%,37.3%)`
CMYK	74, 0, 43, 34
HSL	144.7°, 58.5, 41.6	`hsl(144.7,58.5%,41.6%)`
HSV (or HSB)	144.7°, 73.8, 65.9
Web Safe	339966	`#339966`

CIE-LAB	61.103, -50.043, 28.3
XYZ	17.106, 29.365, 15.592
xyY	0.276, 0.473, 29.365
CIE-LCH	61.103, 57.491, 150.512
CIE-LUV	61.103, -49.39, 44.218
Hunter-Lab	54.19, -38.486, 20.873
Binary	00101100, 10101000, 01011111

#2ca85f
```
#2ca85f rgb(44,168,95)
```
#a82c75
```
#a82c75 rgb(168,44,117)
```

Complementary Color

#37a82c
```
#37a82c rgb(55,168,44)
```
#2ca85f
```
#2ca85f rgb(44,168,95)
```
#2ca89d
```
#2ca89d rgb(44,168,157)
```

Analogous Color

#a82c37
```
#a82c37 rgb(168,44,55)
```
#2ca85f
```
#2ca85f rgb(44,168,95)
```
#9d2ca8
```
#9d2ca8 rgb(157,44,168)
```

Split Complementary Color

#a85f2c
```
#a85f2c rgb(168,95,44)
```
#2ca85f
```
#2ca85f rgb(44,168,95)
```
#5f2ca8
```
#5f2ca8 rgb(95,44,168)
```

Triadic Color

#75a82c
```
#75a82c rgb(117,168,44)
```
#2ca85f
```
#2ca85f rgb(44,168,95)
```
#5f2ca8
```
#5f2ca8 rgb(95,44,168)
```
#a82c75
```
#a82c75 rgb(168,44,117)
```

Tetradic Color

#1c6b3d
```
#1c6b3d rgb(28,107,61)
```
#218048
```
#218048 rgb(33,128,72)
```
#279454
```
#279454 rgb(39,148,84)
```
#2ca85f
```
#2ca85f rgb(44,168,95)
```
#31bc6a
```
#31bc6a rgb(49,188,106)
```
#3bcc77
```
#3bcc77 rgb(59,204,119)
```
#4fd185
```
#4fd185 rgb(79,209,133)
```

Monochromatic Color

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

#2ca840
```
#2ca840 rgb(44,168,64)
```
#2ca84a
```
#2ca84a rgb(44,168,74)
```
#2ca855
```
#2ca855 rgb(44,168,85)
```
#2ca85f
```
#2ca85f rgb(44,168,95)
```
#2ca869
```
#2ca869 rgb(44,168,105)
```
#2ca874
```
#2ca874 rgb(44,168,116)
```
#2ca87e
```
#2ca87e rgb(44,168,126)
```

Similar Colors

Text with hexadecimal color #2ca85f

This text has a font color of #2ca85f.

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

#2ca85f background color

This paragraph has a background color of #2ca85f.

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

#2ca85f border color

This element has a border color of #2ca85f.

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

CSS codes

.text {color:#2ca85f;}

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

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

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

#030d07
```
#030d07 rgb(3,13,7)
```
#071c10
```
#071c10 rgb(7,28,16)
```
#0b2c19
```
#0b2c19 rgb(11,44,25)
```
#103b21
```
#103b21 rgb(16,59,33)
```
#144b2a
```
#144b2a rgb(20,75,42)
```
#185a33
```
#185a33 rgb(24,90,51)
```
#1c6a3c
```
#1c6a3c rgb(28,106,60)
```
#207945
```
#207945 rgb(32,121,69)
```
#24894d
```
#24894d rgb(36,137,77)
```
#289856
```
#289856 rgb(40,152,86)
```
#2ca85f
```
#2ca85f rgb(44,168,95)
```
#30b868
```
#30b868 rgb(48,184,104)
```
#34c771
```
#34c771 rgb(52,199,113)
```

Shade Color Variation

#41cd7b
```
#41cd7b rgb(65,205,123)
```
#51d186
```
#51d186 rgb(81,209,134)
```
#61d691
```
#61d691 rgb(97,214,145)
```
#70da9b
```
#70da9b rgb(112,218,155)
```
#80dea6
```
#80dea6 rgb(128,222,166)
```
#8fe2b1
```
#8fe2b1 rgb(143,226,177)
```
#9fe6bc
```
#9fe6bc rgb(159,230,188)
```
#aeeac7
```
#aeeac7 rgb(174,234,199)
```
#beeed2
```
#beeed2 rgb(190,238,210)
```
#cdf2dc
```
#cdf2dc rgb(205,242,220)
```
#ddf6e7
```
#ddf6e7 rgb(221,246,231)
```
#ecfaf2
```
#ecfaf2 rgb(236,250,242)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#656f69
```
#656f69 rgb(101,111,105)
```
#5d7768
```
#5d7768 rgb(93,119,104)
```
#557f66
```
#557f66 rgb(85,127,102)
```
#4d8765
```
#4d8765 rgb(77,135,101)
```
#449063
```
#449063 rgb(68,144,99)
```
#3c9862
```
#3c9862 rgb(60,152,98)
```
#34a060
```
#34a060 rgb(52,160,96)
```
#2ca85f
```
#2ca85f rgb(44,168,95)
```
#24b05e
```
#24b05e rgb(36,176,94)
```
#1cb85c
```
#1cb85c rgb(28,184,92)
```
#14c05b
```
#14c05b rgb(20,192,91)
```
#0bc959
```
#0bc959 rgb(11,201,89)
```
#03d158
```
#03d158 rgb(3,209,88)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6b8475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69960 Protanopia 1% of men
#b49370 Deuteranopia 1% of men
#57a3af Tritanopia 0.001% of the population

Trichromacy

#7a9e5f Protanomaly 1% of men, 0.01% of women
#829a69 Deuteranomaly 6% of men, 0.4% of women
#47a592 Tritanomaly 0.01% of the population

#2ca85f hex color

#2ca85f Color Information

#2ca85f Color Conversion

Color Schemes with #2ca85f

Alternatives to #2ca85f

#2ca85f Preview

Shades and Tints of #2ca85f

Tones of #2ca85f

Color Blindness Simulator