#2ca4a2 hex color

In a RGB color space, hex #2ca4a2 is composed of 17.3% red, 64.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 0% magenta, 1.2% yellow and 35.7% black. It has a hue angle of 179 degrees, a saturation of 57.7% and a lightness of 40.8%. #2ca4a2 color hex could be obtained by blending #58ffff with #004945. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 64
- B 64
RGB color chart
- C 73
- M 0
- Y 1
- K 36
CMYK color chart

● #2ca4a2 color description : Dark cyan.

The hexadecimal color #2ca4a2 has RGB values of R:44, G:164, B:162 and CMYK values of C:0.73, M:0, Y:0.01, K:0.36. Its decimal value is 2925730.

Hex triplet	2ca4a2	`#2ca4a2`
RGB Decimal	44, 164, 162	`rgb(44,164,162)`
RGB Percent	17.3, 64.3, 63.5	`rgb(17.3%,64.3%,63.5%)`
CMYK	73, 0, 1, 36
HSL	179°, 57.7, 40.8	`hsl(179,57.7%,40.8%)`
HSV (or HSB)	179°, 73.2, 64.3
Web Safe	339999	`#339999`

CIE-LAB	61.389, -32.1, -8.381
XYZ	20.834, 29.693, 38.814
xyY	0.233, 0.332, 29.693
CIE-LCH	61.389, 33.176, 194.633
CIE-LUV	61.389, -43.747, -7.736
Hunter-Lab	54.491, -27.114, -4.088
Binary	00101100, 10100100, 10100010

#2ca4a2
```
#2ca4a2 rgb(44,164,162)
```
#a42c2e
```
#a42c2e rgb(164,44,46)
```

Complementary Color

#2ca466
```
#2ca466 rgb(44,164,102)
```
#2ca4a2
```
#2ca4a2 rgb(44,164,162)
```
#2c6aa4
```
#2c6aa4 rgb(44,106,164)
```

Analogous Color

#a4662c
```
#a4662c rgb(164,102,44)
```
#2ca4a2
```
#2ca4a2 rgb(44,164,162)
```
#a42c6a
```
#a42c6a rgb(164,44,106)
```

Split Complementary Color

#a4a22c
```
#a4a22c rgb(164,162,44)
```
#2ca4a2
```
#2ca4a2 rgb(44,164,162)
```
#a22ca4
```
#a22ca4 rgb(162,44,164)
```

Triadic Color

#2ea42c
```
#2ea42c rgb(46,164,44)
```
#2ca4a2
```
#2ca4a2 rgb(44,164,162)
```
#a22ca4
```
#a22ca4 rgb(162,44,164)
```
#a42c2e
```
#a42c2e rgb(164,44,46)
```

Tetradic Color

#1c6866
```
#1c6866 rgb(28,104,102)
```
#217c7a
```
#217c7a rgb(33,124,122)
```
#27908e
```
#27908e rgb(39,144,142)
```
#2ca4a2
```
#2ca4a2 rgb(44,164,162)
```
#31b8b6
```
#31b8b6 rgb(49,184,182)
```
#39cac7
```
#39cac7 rgb(57,202,199)
```
#4dcfcd
```
#4dcfcd rgb(77,207,205)
```

Monochromatic Color

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

#2ca484
```
#2ca484 rgb(44,164,132)
```
#2ca48e
```
#2ca48e rgb(44,164,142)
```
#2ca498
```
#2ca498 rgb(44,164,152)
```
#2ca4a2
```
#2ca4a2 rgb(44,164,162)
```
#2c9ca4
```
#2c9ca4 rgb(44,156,164)
```
#2c92a4
```
#2c92a4 rgb(44,146,164)
```
#2c88a4
```
#2c88a4 rgb(44,136,164)
```

Similar Colors

Text with hexadecimal color #2ca4a2

This text has a font color of #2ca4a2.

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

#2ca4a2 background color

This paragraph has a background color of #2ca4a2.

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

#2ca4a2 border color

This element has a border color of #2ca4a2.

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

CSS codes

.text {color:#2ca4a2;}

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

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

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

#030909
```
#030909 rgb(3,9,9)
```
#071919
```
#071919 rgb(7,25,25)
```
#0b2828
```
#0b2828 rgb(11,40,40)
```
#0f3837
```
#0f3837 rgb(15,56,55)
```
#134746
```
#134746 rgb(19,71,70)
```
#175756
```
#175756 rgb(23,87,86)
```
#1b6665
```
#1b6665 rgb(27,102,101)
```
#207674
```
#207674 rgb(32,118,116)
```
#248583
```
#248583 rgb(36,133,131)
```
#289593
```
#289593 rgb(40,149,147)
```
#2ca4a2
```
#2ca4a2 rgb(44,164,162)
```
#30b3b1
```
#30b3b1 rgb(48,179,177)
```
#34c3c1
```
#34c3c1 rgb(52,195,193)
```

Shade Color Variation

#3fccc9
```
#3fccc9 rgb(63,204,201)
```
#4fd0ce
```
#4fd0ce rgb(79,208,206)
```
#5ed4d2
```
#5ed4d2 rgb(94,212,210)
```
#6ed8d6
```
#6ed8d6 rgb(110,216,214)
```
#7ddcdb
```
#7ddcdb rgb(125,220,219)
```
#8de0df
```
#8de0df rgb(141,224,223)
```
#9ce4e3
```
#9ce4e3 rgb(156,228,227)
```
#ace9e8
```
#ace9e8 rgb(172,233,232)
```
#bbedec
```
#bbedec rgb(187,237,236)
```
#caf1f0
```
#caf1f0 rgb(202,241,240)
```
#daf5f5
```
#daf5f5 rgb(218,245,245)
```
#e9f9f9
```
#e9f9f9 rgb(233,249,249)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646c6c is the less saturated color, while #04ccc9 is the most saturated one.

#646c6c
```
#646c6c rgb(100,108,108)
```
#5c7474
```
#5c7474 rgb(92,116,116)
```
#547c7b
```
#547c7b rgb(84,124,123)
```
#4c8483
```
#4c8483 rgb(76,132,131)
```
#448c8b
```
#448c8b rgb(68,140,139)
```
#3c9493
```
#3c9493 rgb(60,148,147)
```
#349c9a
```
#349c9a rgb(52,156,154)
```
#2ca4a2
```
#2ca4a2 rgb(44,164,162)
```
#24acaa
```
#24acaa rgb(36,172,170)
```
#1cb4b1
```
#1cb4b1 rgb(28,180,177)
```
#14bcb9
```
#14bcb9 rgb(20,188,185)
```
#0cc4c1
```
#0cc4c1 rgb(12,196,193)
```
#04ccc9
```
#04ccc9 rgb(4,204,201)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6f8787 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a989e Protanopia 1% of men
#9e96ad Deuteranopia 1% of men
#40a6b3 Tritanopia 0.001% of the population

Trichromacy

#729c9f Protanomaly 1% of men, 0.01% of women
#749ba9 Deuteranomaly 6% of men, 0.4% of women
#39a5ac Tritanomaly 0.01% of the population

#2ca4a2 hex color

#2ca4a2 Color Information

#2ca4a2 Color Conversion

Color Schemes with #2ca4a2

Alternatives to #2ca4a2

#2ca4a2 Preview

Shades and Tints of #2ca4a2

Tones of #2ca4a2

Color Blindness Simulator