#2caf85 hex color

In a RGB color space, hex #2caf85 is composed of 17.3% red, 68.6% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 0% magenta, 24% yellow and 31.4% black. It has a hue angle of 160.8 degrees, a saturation of 59.8% and a lightness of 42.9%. #2caf85 color hex could be obtained by blending #58ffff with #005f0b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 69
- B 52
RGB color chart
- C 75
- M 0
- Y 24
- K 31
CMYK color chart

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

The hexadecimal color #2caf85 has RGB values of R:44, G:175, B:133 and CMYK values of C:0.75, M:0, Y:0.24, K:0.31. Its decimal value is 2928517.

Hex triplet	2caf85	`#2caf85`
RGB Decimal	44, 175, 133	`rgb(44,175,133)`
RGB Percent	17.3, 68.6, 52.2	`rgb(17.3%,68.6%,52.2%)`
CMYK	75, 0, 24, 31
HSL	160.8°, 59.8, 42.9	`hsl(160.8,59.8%,42.9%)`
HSV (or HSB)	160.8°, 74.9, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.069, -44.783, 11.704
XYZ	20.601, 32.887, 27.451
xyY	0.255, 0.406, 32.887
CIE-LCH	64.069, 46.287, 165.354
CIE-LUV	64.069, -49.674, 23.374
Hunter-Lab	57.347, -36.235, 11.762
Binary	00101100, 10101111, 10000101

#2caf85
```
#2caf85 rgb(44,175,133)
```
#af2c56
```
#af2c56 rgb(175,44,86)
```

Complementary Color

#2caf44
```
#2caf44 rgb(44,175,68)
```
#2caf85
```
#2caf85 rgb(44,175,133)
```
#2c98af
```
#2c98af rgb(44,152,175)
```

Analogous Color

#af442c
```
#af442c rgb(175,68,44)
```
#2caf85
```
#2caf85 rgb(44,175,133)
```
#af2c98
```
#af2c98 rgb(175,44,152)
```

Split Complementary Color

#af852c
```
#af852c rgb(175,133,44)
```
#2caf85
```
#2caf85 rgb(44,175,133)
```
#852caf
```
#852caf rgb(133,44,175)
```

Triadic Color

#56af2c
```
#56af2c rgb(86,175,44)
```
#2caf85
```
#2caf85 rgb(44,175,133)
```
#852caf
```
#852caf rgb(133,44,175)
```
#af2c56
```
#af2c56 rgb(175,44,86)
```

Tetradic Color

#1d7257
```
#1d7257 rgb(29,114,87)
```
#228666
```
#228666 rgb(34,134,102)
```
#279b76
```
#279b76 rgb(39,155,118)
```
#2caf85
```
#2caf85 rgb(44,175,133)
```
#31c394
```
#31c394 rgb(49,195,148)
```
#3fcfa1
```
#3fcfa1 rgb(63,207,161)
```
#54d4ab
```
#54d4ab rgb(84,212,171)
```

Monochromatic Color

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

#2caf64
```
#2caf64 rgb(44,175,100)
```
#2caf6f
```
#2caf6f rgb(44,175,111)
```
#2caf7a
```
#2caf7a rgb(44,175,122)
```
#2caf85
```
#2caf85 rgb(44,175,133)
```
#2caf90
```
#2caf90 rgb(44,175,144)
```
#2caf9b
```
#2caf9b rgb(44,175,155)
```
#2cafa6
```
#2cafa6 rgb(44,175,166)
```

Similar Colors

Text with hexadecimal color #2caf85

This text has a font color of #2caf85.

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

#2caf85 background color

This paragraph has a background color of #2caf85.

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

#2caf85 border color

This element has a border color of #2caf85.

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

CSS codes

.text {color:#2caf85;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#05120e
```
#05120e rgb(5,18,14)
```
#09221a
```
#09221a rgb(9,34,26)
```
#0c3226
```
#0c3226 rgb(12,50,38)
```
#104132
```
#104132 rgb(16,65,50)
```
#14513e
```
#14513e rgb(20,81,62)
```
#186149
```
#186149 rgb(24,97,73)
```
#1c7055
```
#1c7055 rgb(28,112,85)
```
#208061
```
#208061 rgb(32,128,97)
```
#24906d
```
#24906d rgb(36,144,109)
```
#289f79
```
#289f79 rgb(40,159,121)
```
#2caf85
```
#2caf85 rgb(44,175,133)
```
#30bf91
```
#30bf91 rgb(48,191,145)
```

Shade Color Variation

#36cc9c
```
#36cc9c rgb(54,204,156)
```
#45d0a4
```
#45d0a4 rgb(69,208,164)
```
#55d4ac
```
#55d4ac rgb(85,212,172)
```
#65d8b3
```
#65d8b3 rgb(101,216,179)
```
#75dcbb
```
#75dcbb rgb(117,220,187)
```
#84e0c3
```
#84e0c3 rgb(132,224,195)
```
#94e4ca
```
#94e4ca rgb(148,228,202)
```
#a4e8d2
```
#a4e8d2 rgb(164,232,210)
```
#b3ecda
```
#b3ecda rgb(179,236,218)
```
#c3f0e1
```
#c3f0e1 rgb(195,240,225)
```
#d3f4e9
```
#d3f4e9 rgb(211,244,233)
```
#e2f8f1
```
#e2f8f1 rgb(226,248,241)
```
#f2fcf9
```
#f2fcf9 rgb(242,252,249)
```

Tint Color Variation

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

#677470
```
#677470 rgb(103,116,112)
```
#5f7c73
```
#5f7c73 rgb(95,124,115)
```
#568576
```
#568576 rgb(86,133,118)
```
#4e8d79
```
#4e8d79 rgb(78,141,121)
```
#45967c
```
#45967c rgb(69,150,124)
```
#3d9e7f
```
#3d9e7f rgb(61,158,127)
```
#34a782
```
#34a782 rgb(52,167,130)
```
#2caf85
```
#2caf85 rgb(44,175,133)
```
#24b788
```
#24b788 rgb(36,183,136)
```
#1bc08b
```
#1bc08b rgb(27,192,139)
```
#13c88e
```
#13c88e rgb(19,200,142)
```
#0ad191
```
#0ad191 rgb(10,209,145)
```
#02d994
```
#02d994 rgb(2,217,148)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#728c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a082 Protanopia 1% of men
#b49b93 Deuteranopia 1% of men
#52acb9 Tritanopia 0.001% of the population

Trichromacy

#7ca583 Protanomaly 1% of men, 0.01% of women
#82a28e Deuteranomaly 6% of men, 0.4% of women
#44ada6 Tritanomaly 0.01% of the population

#2caf85 hex color

#2caf85 Color Information

#2caf85 Color Conversion

Color Schemes with #2caf85

Alternatives to #2caf85

#2caf85 Preview

Shades and Tints of #2caf85

Tones of #2caf85

Color Blindness Simulator