#2cb497 hex color

In a RGB color space, hex #2cb497 is composed of 17.3% red, 70.6% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 0% magenta, 16.1% yellow and 29.4% black. It has a hue angle of 167.2 degrees, a saturation of 60.7% and a lightness of 43.9%. #2cb497 color hex could be obtained by blending #58ffff with #00692f. Closest websafe color is: #33cc99.

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

● #2cb497 color description : Strong cyan.

The hexadecimal color #2cb497 has RGB values of R:44, G:180, B:151 and CMYK values of C:0.76, M:0, Y:0.16, K:0.29. Its decimal value is 2929815.

Hex triplet	2cb497	`#2cb497`
RGB Decimal	44, 180, 151	`rgb(44,180,151)`
RGB Percent	17.3, 70.6, 59.2	`rgb(17.3%,70.6%,59.2%)`
CMYK	76, 0, 16, 29
HSL	167.2°, 60.7, 43.9	`hsl(167.2,60.7%,43.9%)`
HSV (or HSB)	167.2°, 75.6, 70.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.067, -42.412, 4.618
XYZ	22.944, 35.41, 34.902
xyY	0.246, 0.38, 35.41
CIE-LCH	66.067, 42.663, 173.785
CIE-LUV	66.067, -50.272, 13.233
Hunter-Lab	59.506, -35.312, 6.879
Binary	00101100, 10110100, 10010111

#2cb497
```
#2cb497 rgb(44,180,151)
```
#b42c49
```
#b42c49 rgb(180,44,73)
```

Complementary Color

#2cb453
```
#2cb453 rgb(44,180,83)
```
#2cb497
```
#2cb497 rgb(44,180,151)
```
#2c8db4
```
#2c8db4 rgb(44,141,180)
```

Analogous Color

#b4532c
```
#b4532c rgb(180,83,44)
```
#2cb497
```
#2cb497 rgb(44,180,151)
```
#b42c8d
```
#b42c8d rgb(180,44,141)
```

Split Complementary Color

#b4972c
```
#b4972c rgb(180,151,44)
```
#2cb497
```
#2cb497 rgb(44,180,151)
```
#972cb4
```
#972cb4 rgb(151,44,180)
```

Triadic Color

#49b42c
```
#49b42c rgb(73,180,44)
```
#2cb497
```
#2cb497 rgb(44,180,151)
```
#972cb4
```
#972cb4 rgb(151,44,180)
```
#b42c49
```
#b42c49 rgb(180,44,73)
```

Tetradic Color

#1d7763
```
#1d7763 rgb(29,119,99)
```
#228b75
```
#228b75 rgb(34,139,117)
```
#27a086
```
#27a086 rgb(39,160,134)
```
#2cb497
```
#2cb497 rgb(44,180,151)
```
#31c8a8
```
#31c8a8 rgb(49,200,168)
```
#42d1b2
```
#42d1b2 rgb(66,209,178)
```
#57d6bb
```
#57d6bb rgb(87,214,187)
```

Monochromatic Color

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

#2cb475
```
#2cb475 rgb(44,180,117)
```
#2cb480
```
#2cb480 rgb(44,180,128)
```
#2cb48c
```
#2cb48c rgb(44,180,140)
```
#2cb497
```
#2cb497 rgb(44,180,151)
```
#2cb4a2
```
#2cb4a2 rgb(44,180,162)
```
#2cb4ae
```
#2cb4ae rgb(44,180,174)
```
#2cafb4
```
#2cafb4 rgb(44,175,180)
```

Similar Colors

Text with hexadecimal color #2cb497

This text has a font color of #2cb497.

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

#2cb497 background color

This paragraph has a background color of #2cb497.

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

#2cb497 border color

This element has a border color of #2cb497.

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

CSS codes

.text {color:#2cb497;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#051613
```
#051613 rgb(5,22,19)
```
#092620
```
#092620 rgb(9,38,32)
```
#0d362d
```
#0d362d rgb(13,54,45)
```
#11463a
```
#11463a rgb(17,70,58)
```
#155548
```
#155548 rgb(21,85,72)
```
#196555
```
#196555 rgb(25,101,85)
```
#1d7562
```
#1d7562 rgb(29,117,98)
```
#20856f
```
#20856f rgb(32,133,111)
```
#24947d
```
#24947d rgb(36,148,125)
```
#28a48a
```
#28a48a rgb(40,164,138)
```
#2cb497
```
#2cb497 rgb(44,180,151)
```
#30c4a4
```
#30c4a4 rgb(48,196,164)
```

Shade Color Variation

#39cfaf
```
#39cfaf rgb(57,207,175)
```
#48d2b5
```
#48d2b5 rgb(72,210,181)
```
#58d6bb
```
#58d6bb rgb(88,214,187)
```
#68dac2
```
#68dac2 rgb(104,218,194)
```
#78dec8
```
#78dec8 rgb(120,222,200)
```
#88e2cf
```
#88e2cf rgb(136,226,207)
```
#97e6d5
```
#97e6d5 rgb(151,230,213)
```
#a7e9db
```
#a7e9db rgb(167,233,219)
```
#b7ede2
```
#b7ede2 rgb(183,237,226)
```
#c7f1e8
```
#c7f1e8 rgb(199,241,232)
```
#d6f5ef
```
#d6f5ef rgb(214,245,239)
```
#e6f9f5
```
#e6f9f5 rgb(230,249,245)
```
#f6fdfb
```
#f6fdfb rgb(246,253,251)
```

Tint Color Variation

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

#687874
```
#687874 rgb(104,120,116)
```
#608079
```
#608079 rgb(96,128,121)
```
#57897e
```
#57897e rgb(87,137,126)
```
#4e9283
```
#4e9283 rgb(78,146,131)
```
#469a88
```
#469a88 rgb(70,154,136)
```
#3da38d
```
#3da38d rgb(61,163,141)
```
#35ab92
```
#35ab92 rgb(53,171,146)
```
#2cb497
```
#2cb497 rgb(44,180,151)
```
#23bd9c
```
#23bd9c rgb(35,189,156)
```
#1bc5a1
```
#1bc5a1 rgb(27,197,161)
```
#12cea6
```
#12cea6 rgb(18,206,166)
```
#0ad6ab
```
#0ad6ab rgb(10,214,171)
```
#01dfb0
```
#01dfb0 rgb(1,223,176)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#76918b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca493 Protanopia 1% of men
#b4a0a4 Deuteranopia 1% of men
#4eb2bf Tritanopia 0.001% of the population

Trichromacy

#7daa94 Protanomaly 1% of men, 0.01% of women
#83a79f Deuteranomaly 6% of men, 0.4% of women
#42b3b0 Tritanomaly 0.01% of the population

#2cb497 hex color

#2cb497 Color Information

#2cb497 Color Conversion

Color Schemes with #2cb497

Alternatives to #2cb497

#2cb497 Preview

Shades and Tints of #2cb497

Tones of #2cb497

Color Blindness Simulator