#2cb996 hex color

In a RGB color space, hex #2cb996 is composed of 17.3% red, 72.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 0% magenta, 18.9% yellow and 27.5% black. It has a hue angle of 165.1 degrees, a saturation of 61.6% and a lightness of 44.9%. #2cb996 color hex could be obtained by blending #58ffff with #00732d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 17
- G 73
- B 59
RGB color chart
- C 76
- M 0
- Y 19
- K 27
CMYK color chart

● #2cb996 color description : Strong cyan.

The hexadecimal color #2cb996 has RGB values of R:44, G:185, B:150 and CMYK values of C:0.76, M:0, Y:0.19, K:0.27. Its decimal value is 2931094.

Hex triplet	2cb996	`#2cb996`
RGB Decimal	44, 185, 150	`rgb(44,185,150)`
RGB Percent	17.3, 72.5, 58.8	`rgb(17.3%,72.5%,58.8%)`
CMYK	76, 0, 19, 27
HSL	165.1°, 61.6, 44.9	`hsl(165.1,61.6%,44.9%)`
HSV (or HSB)	165.1°, 76.2, 72.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.601, -44.799, 7.372
XYZ	23.891, 37.433, 34.819
xyY	0.248, 0.389, 37.433
CIE-LCH	67.601, 45.402, 170.655
CIE-LUV	67.601, -52.124, 17.605
Hunter-Lab	61.183, -37.369, 9.086
Binary	00101100, 10111001, 10010110

#2cb996
```
#2cb996 rgb(44,185,150)
```
#b92c4f
```
#b92c4f rgb(185,44,79)
```

Complementary Color

#2cb950
```
#2cb950 rgb(44,185,80)
```
#2cb996
```
#2cb996 rgb(44,185,150)
```
#2c96b9
```
#2c96b9 rgb(44,150,185)
```

Analogous Color

#b94f2c
```
#b94f2c rgb(185,79,44)
```
#2cb996
```
#2cb996 rgb(44,185,150)
```
#b92c96
```
#b92c96 rgb(185,44,150)
```

Split Complementary Color

#b9962c
```
#b9962c rgb(185,150,44)
```
#2cb996
```
#2cb996 rgb(44,185,150)
```
#962cb9
```
#962cb9 rgb(150,44,185)
```

Triadic Color

#4fb92c
```
#4fb92c rgb(79,185,44)
```
#2cb996
```
#2cb996 rgb(44,185,150)
```
#962cb9
```
#962cb9 rgb(150,44,185)
```
#b92c4f
```
#b92c4f rgb(185,44,79)
```

Tetradic Color

#1d7b64
```
#1d7b64 rgb(29,123,100)
```
#229075
```
#229075 rgb(34,144,117)
```
#27a485
```
#27a485 rgb(39,164,133)
```
#2cb996
```
#2cb996 rgb(44,185,150)
```
#31cea7
```
#31cea7 rgb(49,206,167)
```
#45d3b0
```
#45d3b0 rgb(69,211,176)
```
#5ad8b8
```
#5ad8b8 rgb(90,216,184)
```

Monochromatic Color

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

#2cb973
```
#2cb973 rgb(44,185,115)
```
#2cb97f
```
#2cb97f rgb(44,185,127)
```
#2cb98a
```
#2cb98a rgb(44,185,138)
```
#2cb996
```
#2cb996 rgb(44,185,150)
```
#2cb9a2
```
#2cb9a2 rgb(44,185,162)
```
#2cb9ae
```
#2cb9ae rgb(44,185,174)
```
#2cb9b9
```
#2cb9b9 rgb(44,185,185)
```

Similar Colors

Text with hexadecimal color #2cb996

This text has a font color of #2cb996.

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

#2cb996 background color

This paragraph has a background color of #2cb996.

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

#2cb996 border color

This element has a border color of #2cb996.

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

CSS codes

.text {color:#2cb996;}

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

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

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

#030b09
```
#030b09 rgb(3,11,9)
```
#061b16
```
#061b16 rgb(6,27,22)
```
#0a2a22
```
#0a2a22 rgb(10,42,34)
```
#0e3a2f
```
#0e3a2f rgb(14,58,47)
```
#124a3c
```
#124a3c rgb(18,74,60)
```
#155a49
```
#155a49 rgb(21,90,73)
```
#196a56
```
#196a56 rgb(25,106,86)
```
#1d7a63
```
#1d7a63 rgb(29,122,99)
```
#21896f
```
#21896f rgb(33,137,111)
```
#24997c
```
#24997c rgb(36,153,124)
```
#28a989
```
#28a989 rgb(40,169,137)
```
#2cb996
```
#2cb996 rgb(44,185,150)
```
#30c9a3
```
#30c9a3 rgb(48,201,163)
```

Shade Color Variation

#3cd1ac
```
#3cd1ac rgb(60,209,172)
```
#4cd4b2
```
#4cd4b2 rgb(76,212,178)
```
#5bd8b9
```
#5bd8b9 rgb(91,216,185)
```
#6bdcc0
```
#6bdcc0 rgb(107,220,192)
```
#7be0c7
```
#7be0c7 rgb(123,224,199)
```
#8be3cd
```
#8be3cd rgb(139,227,205)
```
#9be7d4
```
#9be7d4 rgb(155,231,212)
```
#abebdb
```
#abebdb rgb(171,235,219)
```
#baefe2
```
#baefe2 rgb(186,239,226)
```
#caf2e8
```
#caf2e8 rgb(202,242,232)
```
#daf6ef
```
#daf6ef rgb(218,246,239)
```
#eafaf6
```
#eafaf6 rgb(234,250,246)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#727373
```
#727373 rgb(114,115,115)
```
#6a7b77
```
#6a7b77 rgb(106,123,119)
```
#61847b
```
#61847b rgb(97,132,123)
```
#588d80
```
#588d80 rgb(88,141,128)
```
#4f9684
```
#4f9684 rgb(79,150,132)
```
#469f89
```
#469f89 rgb(70,159,137)
```
#3ea78d
```
#3ea78d rgb(62,167,141)
```
#35b092
```
#35b092 rgb(53,176,146)
```
#2cb996
```
#2cb996 rgb(44,185,150)
```
#23c29a
```
#23c29a rgb(35,194,154)
```
#1acb9f
```
#1acb9f rgb(26,203,159)
```
#12d3a3
```
#12d3a3 rgb(18,211,163)
```
#09dca8
```
#09dca8 rgb(9,220,168)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#78948d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a892 Protanopia 1% of men
#baa4a4 Deuteranopia 1% of men
#51b6c4 Tritanopia 0.001% of the population

Trichromacy

#81ae93 Protanomaly 1% of men, 0.01% of women
#86ab9e Deuteranomaly 6% of men, 0.4% of women
#44b7b3 Tritanomaly 0.01% of the population

#2cb996 hex color

#2cb996 Color Information

#2cb996 Color Conversion

Color Schemes with #2cb996

Alternatives to #2cb996

#2cb996 Preview

Shades and Tints of #2cb996

Tones of #2cb996

Color Blindness Simulator