#2cb186 hex color

In a RGB color space, hex #2cb186 is composed of 17.3% red, 69.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 0% magenta, 24.3% yellow and 30.6% black. It has a hue angle of 160.6 degrees, a saturation of 60.2% and a lightness of 43.3%. #2cb186 color hex could be obtained by blending #58ffff with #00630d. Closest websafe color is: #339999.

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

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

The hexadecimal color #2cb186 has RGB values of R:44, G:177, B:134 and CMYK values of C:0.75, M:0, Y:0.24, K:0.31. Its decimal value is 2929030.

Hex triplet	2cb186	`#2cb186`
RGB Decimal	44, 177, 134	`rgb(44,177,134)`
RGB Percent	17.3, 69.4, 52.5	`rgb(17.3%,69.4%,52.5%)`
CMYK	75, 0, 24, 31
HSL	160.6°, 60.2, 43.3	`hsl(160.6,60.2%,43.3%)`
HSV (or HSB)	160.6°, 75.1, 69.4
Web Safe	339999	`#339999`

CIE-LAB	64.723, -45.374, 12.074
XYZ	21.062, 33.699, 27.947
xyY	0.255, 0.407, 33.699
CIE-LCH	64.723, 46.953, 165.099
CIE-LUV	64.723, -50.328, 24.017
Hunter-Lab	58.051, -36.825, 12.091
Binary	00101100, 10110001, 10000110

#2cb186
```
#2cb186 rgb(44,177,134)
```
#b12c57
```
#b12c57 rgb(177,44,87)
```

Complementary Color

#2cb144
```
#2cb144 rgb(44,177,68)
```
#2cb186
```
#2cb186 rgb(44,177,134)
```
#2c9ab1
```
#2c9ab1 rgb(44,154,177)
```

Analogous Color

#b1442c
```
#b1442c rgb(177,68,44)
```
#2cb186
```
#2cb186 rgb(44,177,134)
```
#b12c9a
```
#b12c9a rgb(177,44,154)
```

Split Complementary Color

#b1862c
```
#b1862c rgb(177,134,44)
```
#2cb186
```
#2cb186 rgb(44,177,134)
```
#862cb1
```
#862cb1 rgb(134,44,177)
```

Triadic Color

#57b12c
```
#57b12c rgb(87,177,44)
```
#2cb186
```
#2cb186 rgb(44,177,134)
```
#862cb1
```
#862cb1 rgb(134,44,177)
```
#b12c57
```
#b12c57 rgb(177,44,87)
```

Tetradic Color

#1d7458
```
#1d7458 rgb(29,116,88)
```
#228867
```
#228867 rgb(34,136,103)
```
#279d77
```
#279d77 rgb(39,157,119)
```
#2cb186
```
#2cb186 rgb(44,177,134)
```
#31c595
```
#31c595 rgb(49,197,149)
```
#40d0a1
```
#40d0a1 rgb(64,208,161)
```
#55d5ab
```
#55d5ab rgb(85,213,171)
```

Monochromatic Color

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

#2cb165
```
#2cb165 rgb(44,177,101)
```
#2cb170
```
#2cb170 rgb(44,177,112)
```
#2cb17b
```
#2cb17b rgb(44,177,123)
```
#2cb186
```
#2cb186 rgb(44,177,134)
```
#2cb191
```
#2cb191 rgb(44,177,145)
```
#2cb19c
```
#2cb19c rgb(44,177,156)
```
#2cb1a7
```
#2cb1a7 rgb(44,177,167)
```

Similar Colors

Text with hexadecimal color #2cb186

This text has a font color of #2cb186.

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

#2cb186 background color

This paragraph has a background color of #2cb186.

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

#2cb186 border color

This element has a border color of #2cb186.

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

CSS codes

.text {color:#2cb186;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#05140f
```
#05140f rgb(5,20,15)
```
#09241b
```
#09241b rgb(9,36,27)
```
#0d3327
```
#0d3327 rgb(13,51,39)
```
#114333
```
#114333 rgb(17,67,51)
```
#15533f
```
#15533f rgb(21,83,63)
```
#18624b
```
#18624b rgb(24,98,75)
```
#1c7256
```
#1c7256 rgb(28,114,86)
```
#208262
```
#208262 rgb(32,130,98)
```
#24926e
```
#24926e rgb(36,146,110)
```
#28a17a
```
#28a17a rgb(40,161,122)
```
#2cb186
```
#2cb186 rgb(44,177,134)
```
#30c192
```
#30c192 rgb(48,193,146)
```

Shade Color Variation

#37cd9d
```
#37cd9d rgb(55,205,157)
```
#47d1a4
```
#47d1a4 rgb(71,209,164)
```
#56d5ac
```
#56d5ac rgb(86,213,172)
```
#66d9b4
```
#66d9b4 rgb(102,217,180)
```
#76ddbc
```
#76ddbc rgb(118,221,188)
```
#86e1c3
```
#86e1c3 rgb(134,225,195)
```
#95e5cb
```
#95e5cb rgb(149,229,203)
```
#a5e9d3
```
#a5e9d3 rgb(165,233,211)
```
#b5edda
```
#b5edda rgb(181,237,218)
```
#c4f0e2
```
#c4f0e2 rgb(196,240,226)
```
#d4f4ea
```
#d4f4ea rgb(212,244,234)
```
#e4f8f2
```
#e4f8f2 rgb(228,248,242)
```
#f3fcf9
```
#f3fcf9 rgb(243,252,249)
```

Tint Color Variation

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

#687671
```
#687671 rgb(104,118,113)
```
#5f7e74
```
#5f7e74 rgb(95,126,116)
```
#578777
```
#578777 rgb(87,135,119)
```
#4e8f7a
```
#4e8f7a rgb(78,143,122)
```
#46987d
```
#46987d rgb(70,152,125)
```
#3da080
```
#3da080 rgb(61,160,128)
```
#35a983
```
#35a983 rgb(53,169,131)
```
#2cb186
```
#2cb186 rgb(44,177,134)
```
#24ba89
```
#24ba89 rgb(36,186,137)
```
#1bc28c
```
#1bc28c rgb(27,194,140)
```
#13cb8f
```
#13cb8f rgb(19,203,143)
```
#0ad392
```
#0ad392 rgb(10,211,146)
```
#01dc95
```
#01dc95 rgb(1,220,149)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#728d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba183 Protanopia 1% of men
#b69c94 Deuteranopia 1% of men
#52aebb Tritanopia 0.001% of the population

Trichromacy

#7da784 Protanomaly 1% of men, 0.01% of women
#83a48f Deuteranomaly 6% of men, 0.4% of women
#44afa7 Tritanomaly 0.01% of the population

#2cb186 hex color

#2cb186 Color Information

#2cb186 Color Conversion

Color Schemes with #2cb186

Alternatives to #2cb186

#2cb186 Preview

Shades and Tints of #2cb186

Tones of #2cb186

Color Blindness Simulator