#2caa7b hex color

In a RGB color space, hex #2caa7b is composed of 17.3% red, 66.7% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 27.6% yellow and 33.3% black. It has a hue angle of 157.6 degrees, a saturation of 58.9% and a lightness of 42%. #2caa7b color hex could be obtained by blending #58fff6 with #005500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 17
- G 67
- B 48
RGB color chart
- C 74
- M 0
- Y 28
- K 33
CMYK color chart

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

The hexadecimal color #2caa7b has RGB values of R:44, G:170, B:123 and CMYK values of C:0.74, M:0, Y:0.28, K:0.33. Its decimal value is 2927227.

Hex triplet	2caa7b	`#2caa7b`
RGB Decimal	44, 170, 123	`rgb(44,170,123)`
RGB Percent	17.3, 66.7, 48.2	`rgb(17.3%,66.7%,48.2%)`
CMYK	74, 0, 28, 33
HSL	157.6°, 58.9, 42	`hsl(157.6,58.9%,42%)`
HSV (or HSB)	157.6°, 74.1, 66.7
Web Safe	339966	`#339966`

CIE-LAB	62.265, -45.061, 14.69
XYZ	18.987, 30.713, 23.665
xyY	0.259, 0.419, 30.713
CIE-LCH	62.265, 47.395, 161.943
CIE-LUV	62.265, -48.504, 27.215
Hunter-Lab	55.419, -35.829, 13.475
Binary	00101100, 10101010, 01111011

#2caa7b
```
#2caa7b rgb(44,170,123)
```
#aa2c5b
```
#aa2c5b rgb(170,44,91)
```

Complementary Color

#2caa3c
```
#2caa3c rgb(44,170,60)
```
#2caa7b
```
#2caa7b rgb(44,170,123)
```
#2c9aaa
```
#2c9aaa rgb(44,154,170)
```

Analogous Color

#aa3c2c
```
#aa3c2c rgb(170,60,44)
```
#2caa7b
```
#2caa7b rgb(44,170,123)
```
#aa2c9a
```
#aa2c9a rgb(170,44,154)
```

Split Complementary Color

#aa7b2c
```
#aa7b2c rgb(170,123,44)
```
#2caa7b
```
#2caa7b rgb(44,170,123)
```
#7b2caa
```
#7b2caa rgb(123,44,170)
```

Triadic Color

#5baa2c
```
#5baa2c rgb(91,170,44)
```
#2caa7b
```
#2caa7b rgb(44,170,123)
```
#7b2caa
```
#7b2caa rgb(123,44,170)
```
#aa2c5b
```
#aa2c5b rgb(170,44,91)
```

Tetradic Color

#1c6d4f
```
#1c6d4f rgb(28,109,79)
```
#22815e
```
#22815e rgb(34,129,94)
```
#27966c
```
#27966c rgb(39,150,108)
```
#2caa7b
```
#2caa7b rgb(44,170,123)
```
#31be8a
```
#31be8a rgb(49,190,138)
```
#3ccd97
```
#3ccd97 rgb(60,205,151)
```
#51d2a2
```
#51d2a2 rgb(81,210,162)
```

Monochromatic Color

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

#2caa5c
```
#2caa5c rgb(44,170,92)
```
#2caa66
```
#2caa66 rgb(44,170,102)
```
#2caa71
```
#2caa71 rgb(44,170,113)
```
#2caa7b
```
#2caa7b rgb(44,170,123)
```
#2caa86
```
#2caa86 rgb(44,170,134)
```
#2caa90
```
#2caa90 rgb(44,170,144)
```
#2caa9b
```
#2caa9b rgb(44,170,155)
```

Similar Colors

Text with hexadecimal color #2caa7b

This text has a font color of #2caa7b.

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

#2caa7b background color

This paragraph has a background color of #2caa7b.

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

#2caa7b border color

This element has a border color of #2caa7b.

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

CSS codes

.text {color:#2caa7b;}

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

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

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, #040e0a is the darkest color, while #fefffe is the lightest one.

#040e0a
```
#040e0a rgb(4,14,10)
```
#081e16
```
#081e16 rgb(8,30,22)
```
#0c2d21
```
#0c2d21 rgb(12,45,33)
```
#103d2c
```
#103d2c rgb(16,61,44)
```
#144d37
```
#144d37 rgb(20,77,55)
```
#185c43
```
#185c43 rgb(24,92,67)
```
#1c6c4e
```
#1c6c4e rgb(28,108,78)
```
#207b59
```
#207b59 rgb(32,123,89)
```
#248b64
```
#248b64 rgb(36,139,100)
```
#289a70
```
#289a70 rgb(40,154,112)
```
#2caa7b
```
#2caa7b rgb(44,170,123)
```
#30ba86
```
#30ba86 rgb(48,186,134)
```
#34c992
```
#34c992 rgb(52,201,146)
```

Shade Color Variation

#43ce9a
```
#43ce9a rgb(67,206,154)
```
#52d2a2
```
#52d2a2 rgb(82,210,162)
```
#62d6ab
```
#62d6ab rgb(98,214,171)
```
#71dab3
```
#71dab3 rgb(113,218,179)
```
#81debc
```
#81debc rgb(129,222,188)
```
#91e2c4
```
#91e2c4 rgb(145,226,196)
```
#a0e6cc
```
#a0e6cc rgb(160,230,204)
```
#b0ead5
```
#b0ead5 rgb(176,234,213)
```
#bfefdd
```
#bfefdd rgb(191,239,221)
```
#cff3e5
```
#cff3e5 rgb(207,243,229)
```
#def7ee
```
#def7ee rgb(222,247,238)
```
#eefbf6
```
#eefbf6 rgb(238,251,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66706c is the less saturated color, while #03d385 is the most saturated one.

#66706c
```
#66706c rgb(102,112,108)
```
#5d796e
```
#5d796e rgb(93,121,110)
```
#558171
```
#558171 rgb(85,129,113)
```
#4d8973
```
#4d8973 rgb(77,137,115)
```
#459175
```
#459175 rgb(69,145,117)
```
#3c9a77
```
#3c9a77 rgb(60,154,119)
```
#34a279
```
#34a279 rgb(52,162,121)
```
#2caa7b
```
#2caa7b rgb(44,170,123)
```
#24b27d
```
#24b27d rgb(36,178,125)
```
#1cba7f
```
#1cba7f rgb(28,186,127)
```
#13c381
```
#13c381 rgb(19,195,129)
```
#0bcb83
```
#0bcb83 rgb(11,203,131)
```
#03d385
```
#03d385 rgb(3,211,133)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6e887e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69b79 Protanopia 1% of men
#b0968a Deuteranopia 1% of men
#52a7b3 Tritanopia 0.001% of the population

Trichromacy

#79a07a Protanomaly 1% of men, 0.01% of women
#809d84 Deuteranomaly 6% of men, 0.4% of women
#44a89f Tritanomaly 0.01% of the population

#2caa7b hex color

#2caa7b Color Information

#2caa7b Color Conversion

Color Schemes with #2caa7b

Alternatives to #2caa7b

#2caa7b Preview

Shades and Tints of #2caa7b

Tones of #2caa7b

Color Blindness Simulator