#2cb697 hex color

In a RGB color space, hex #2cb697 is composed of 17.3% red, 71.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 0% magenta, 17% yellow and 28.6% black. It has a hue angle of 166.5 degrees, a saturation of 61.1% and a lightness of 44.3%. #2cb697 color hex could be obtained by blending #58ffff with #006d2f. Closest websafe color is: #33cc99.

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

● #2cb697 color description : Strong cyan.

The hexadecimal color #2cb697 has RGB values of R:44, G:182, B:151 and CMYK values of C:0.76, M:0, Y:0.17, K:0.29. Its decimal value is 2930327.

Hex triplet	2cb697	`#2cb697`
RGB Decimal	44, 182, 151	`rgb(44,182,151)`
RGB Percent	17.3, 71.4, 59.2	`rgb(17.3%,71.4%,59.2%)`
CMYK	76, 0, 17, 29
HSL	166.5°, 61.1, 44.3	`hsl(166.5,61.1%,44.3%)`
HSV (or HSB)	166.5°, 75.8, 71.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.69, -43.271, 5.517
XYZ	23.351, 36.223, 35.038
xyY	0.247, 0.383, 36.223
CIE-LCH	66.69, 43.621, 172.735
CIE-LUV	66.69, -50.987, 14.68
Hunter-Lab	60.186, -36.072, 7.614
Binary	00101100, 10110110, 10010111

#2cb697
```
#2cb697 rgb(44,182,151)
```
#b62c4b
```
#b62c4b rgb(182,44,75)
```

Complementary Color

#2cb652
```
#2cb652 rgb(44,182,82)
```
#2cb697
```
#2cb697 rgb(44,182,151)
```
#2c90b6
```
#2c90b6 rgb(44,144,182)
```

Analogous Color

#b6522c
```
#b6522c rgb(182,82,44)
```
#2cb697
```
#2cb697 rgb(44,182,151)
```
#b62c90
```
#b62c90 rgb(182,44,144)
```

Split Complementary Color

#b6972c
```
#b6972c rgb(182,151,44)
```
#2cb697
```
#2cb697 rgb(44,182,151)
```
#972cb6
```
#972cb6 rgb(151,44,182)
```

Triadic Color

#4bb62c
```
#4bb62c rgb(75,182,44)
```
#2cb697
```
#2cb697 rgb(44,182,151)
```
#972cb6
```
#972cb6 rgb(151,44,182)
```
#b62c4b
```
#b62c4b rgb(182,44,75)
```

Tetradic Color

#1d7864
```
#1d7864 rgb(29,120,100)
```
#228d75
```
#228d75 rgb(34,141,117)
```
#27a186
```
#27a186 rgb(39,161,134)
```
#2cb697
```
#2cb697 rgb(44,182,151)
```
#31cba8
```
#31cba8 rgb(49,203,168)
```
#43d2b2
```
#43d2b2 rgb(67,210,178)
```
#58d7ba
```
#58d7ba rgb(88,215,186)
```

Monochromatic Color

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

#2cb675
```
#2cb675 rgb(44,182,117)
```
#2cb680
```
#2cb680 rgb(44,182,128)
```
#2cb68c
```
#2cb68c rgb(44,182,140)
```
#2cb697
```
#2cb697 rgb(44,182,151)
```
#2cb6a3
```
#2cb6a3 rgb(44,182,163)
```
#2cb6ae
```
#2cb6ae rgb(44,182,174)
```
#2cb3b6
```
#2cb3b6 rgb(44,179,182)
```

Similar Colors

Text with hexadecimal color #2cb697

This text has a font color of #2cb697.

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

#2cb697 background color

This paragraph has a background color of #2cb697.

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

#2cb697 border color

This element has a border color of #2cb697.

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

CSS codes

.text {color:#2cb697;}

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

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

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

#020807
```
#020807 rgb(2,8,7)
```
#061814
```
#061814 rgb(6,24,20)
```
#0a2821
```
#0a2821 rgb(10,40,33)
```
#0d382e
```
#0d382e rgb(13,56,46)
```
#11473b
```
#11473b rgb(17,71,59)
```
#155748
```
#155748 rgb(21,87,72)
```
#196755
```
#196755 rgb(25,103,85)
```
#1d7763
```
#1d7763 rgb(29,119,99)
```
#218770
```
#218770 rgb(33,135,112)
```
#24967d
```
#24967d rgb(36,150,125)
```
#28a68a
```
#28a68a rgb(40,166,138)
```
#2cb697
```
#2cb697 rgb(44,182,151)
```
#30c6a4
```
#30c6a4 rgb(48,198,164)
```

Shade Color Variation

#3acfae
```
#3acfae rgb(58,207,174)
```
#4ad3b4
```
#4ad3b4 rgb(74,211,180)
```
#59d7bb
```
#59d7bb rgb(89,215,187)
```
#69dbc1
```
#69dbc1 rgb(105,219,193)
```
#79dfc8
```
#79dfc8 rgb(121,223,200)
```
#89e2ce
```
#89e2ce rgb(137,226,206)
```
#99e6d5
```
#99e6d5 rgb(153,230,213)
```
#a8eadb
```
#a8eadb rgb(168,234,219)
```
#b8eee2
```
#b8eee2 rgb(184,238,226)
```
#c8f2e8
```
#c8f2e8 rgb(200,242,232)
```
#d8f6ef
```
#d8f6ef rgb(216,246,239)
```
#e8f9f5
```
#e8f9f5 rgb(232,249,245)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#697975
```
#697975 rgb(105,121,117)
```
#60827a
```
#60827a rgb(96,130,122)
```
#578b7f
```
#578b7f rgb(87,139,127)
```
#4f9384
```
#4f9384 rgb(79,147,132)
```
#469c89
```
#469c89 rgb(70,156,137)
```
#3da58d
```
#3da58d rgb(61,165,141)
```
#35ad92
```
#35ad92 rgb(53,173,146)
```
#2cb697
```
#2cb697 rgb(44,182,151)
```
#23bf9c
```
#23bf9c rgb(35,191,156)
```
#1bc7a1
```
#1bc7a1 rgb(27,199,161)
```
#12d0a5
```
#12d0a5 rgb(18,208,165)
```
#09d9aa
```
#09d9aa rgb(9,217,170)
```
#01e1af
```
#01e1af rgb(1,225,175)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#76928c Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea693 Protanopia 1% of men
#b7a1a4 Deuteranopia 1% of men
#4fb4c1 Tritanopia 0.001% of the population

Trichromacy

#7fac94 Protanomaly 1% of men, 0.01% of women
#84a99f Deuteranomaly 6% of men, 0.4% of women
#42b5b2 Tritanomaly 0.01% of the population

#2cb697 hex color

#2cb697 Color Information

#2cb697 Color Conversion

Color Schemes with #2cb697

Alternatives to #2cb697

#2cb697 Preview

Shades and Tints of #2cb697

Tones of #2cb697

Color Blindness Simulator