#2ca1a0 hex color

In a RGB color space, hex #2ca1a0 is composed of 17.3% red, 63.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 0% magenta, 0.6% yellow and 36.9% black. It has a hue angle of 179.5 degrees, a saturation of 57.1% and a lightness of 40.2%. #2ca1a0 color hex could be obtained by blending #58ffff with #004341. Closest websafe color is: #339999.

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

● #2ca1a0 color description : Dark cyan.

The hexadecimal color #2ca1a0 has RGB values of R:44, G:161, B:160 and CMYK values of C:0.73, M:0, Y:0.01, K:0.37. Its decimal value is 2924960.

Hex triplet	2ca1a0	`#2ca1a0`
RGB Decimal	44, 161, 160	`rgb(44,161,160)`
RGB Percent	17.3, 63.1, 62.7	`rgb(17.3%,63.1%,62.7%)`
CMYK	73, 0, 1, 37
HSL	179.5°, 57.1, 40.2	`hsl(179.5,57.1%,40.2%)`
HSV (or HSB)	179.5°, 72.7, 63.1
Web Safe	339999	`#339999`

CIE-LAB	60.393, -31.256, -8.738
XYZ	20.127, 28.561, 37.708
xyY	0.233, 0.331, 28.561
CIE-LCH	60.393, 32.455, 195.62
CIE-LUV	60.393, -42.792, -8.385
Hunter-Lab	53.443, -26.301, -4.424
Binary	00101100, 10100001, 10100000

#2ca1a0
```
#2ca1a0 rgb(44,161,160)
```
#a12c2d
```
#a12c2d rgb(161,44,45)
```

Complementary Color

#2ca166
```
#2ca166 rgb(44,161,102)
```
#2ca1a0
```
#2ca1a0 rgb(44,161,160)
```
#2c68a1
```
#2c68a1 rgb(44,104,161)
```

Analogous Color

#a1662c
```
#a1662c rgb(161,102,44)
```
#2ca1a0
```
#2ca1a0 rgb(44,161,160)
```
#a12c68
```
#a12c68 rgb(161,44,104)
```

Split Complementary Color

#a1a02c
```
#a1a02c rgb(161,160,44)
```
#2ca1a0
```
#2ca1a0 rgb(44,161,160)
```
#a02ca1
```
#a02ca1 rgb(160,44,161)
```

Triadic Color

#2da12c
```
#2da12c rgb(45,161,44)
```
#2ca1a0
```
#2ca1a0 rgb(44,161,160)
```
#a02ca1
```
#a02ca1 rgb(160,44,161)
```
#a12c2d
```
#a12c2d rgb(161,44,45)
```

Tetradic Color

#1c6564
```
#1c6564 rgb(28,101,100)
```
#217978
```
#217978 rgb(33,121,120)
```
#278d8c
```
#278d8c rgb(39,141,140)
```
#2ca1a0
```
#2ca1a0 rgb(44,161,160)
```
#31b5b4
```
#31b5b4 rgb(49,181,180)
```
#38c8c7
```
#38c8c7 rgb(56,200,199)
```
#4ccecd
```
#4ccecd rgb(76,206,205)
```

Monochromatic Color

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

#2ca183
```
#2ca183 rgb(44,161,131)
```
#2ca18d
```
#2ca18d rgb(44,161,141)
```
#2ca196
```
#2ca196 rgb(44,161,150)
```
#2ca1a0
```
#2ca1a0 rgb(44,161,160)
```
#2c98a1
```
#2c98a1 rgb(44,152,161)
```
#2c8fa1
```
#2c8fa1 rgb(44,143,161)
```
#2c85a1
```
#2c85a1 rgb(44,133,161)
```

Similar Colors

Text with hexadecimal color #2ca1a0

This text has a font color of #2ca1a0.

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

#2ca1a0 background color

This paragraph has a background color of #2ca1a0.

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

#2ca1a0 border color

This element has a border color of #2ca1a0.

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

CSS codes

.text {color:#2ca1a0;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#061616
```
#061616 rgb(6,22,22)
```
#0a2626
```
#0a2626 rgb(10,38,38)
```
#0f3535
```
#0f3535 rgb(15,53,53)
```
#134544
```
#134544 rgb(19,69,68)
```
#175453
```
#175453 rgb(23,84,83)
```
#1b6363
```
#1b6363 rgb(27,99,99)
```
#1f7372
```
#1f7372 rgb(31,115,114)
```
#248281
```
#248281 rgb(36,130,129)
```
#289291
```
#289291 rgb(40,146,145)
```
#2ca1a0
```
#2ca1a0 rgb(44,161,160)
```
#30b0af
```
#30b0af rgb(48,176,175)
```
#34c0bf
```
#34c0bf rgb(52,192,191)
```

Shade Color Variation

#3ecac9
```
#3ecac9 rgb(62,202,201)
```
#4dcecd
```
#4dcecd rgb(77,206,205)
```
#5cd3d2
```
#5cd3d2 rgb(92,211,210)
```
#6cd7d6
```
#6cd7d6 rgb(108,215,214)
```
#7bdbda
```
#7bdbda rgb(123,219,218)
```
#8bdfde
```
#8bdfde rgb(139,223,222)
```
#9ae3e3
```
#9ae3e3 rgb(154,227,227)
```
#aae8e7
```
#aae8e7 rgb(170,232,231)
```
#b9eceb
```
#b9eceb rgb(185,236,235)
```
#c8f0f0
```
#c8f0f0 rgb(200,240,240)
```
#d8f4f4
```
#d8f4f4 rgb(216,244,244)
```
#e7f8f8
```
#e7f8f8 rgb(231,248,248)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636a6a is the less saturated color, while #05c8c7 is the most saturated one.

#636a6a
```
#636a6a rgb(99,106,106)
```
#5b7272
```
#5b7272 rgb(91,114,114)
```
#537a79
```
#537a79 rgb(83,122,121)
```
#4c8181
```
#4c8181 rgb(76,129,129)
```
#448989
```
#448989 rgb(68,137,137)
```
#3c9191
```
#3c9191 rgb(60,145,145)
```
#349998
```
#349998 rgb(52,153,152)
```
#2ca1a0
```
#2ca1a0 rgb(44,161,160)
```
#24a9a8
```
#24a9a8 rgb(36,169,168)
```
#1cb1af
```
#1cb1af rgb(28,177,175)
```
#14b9b7
```
#14b9b7 rgb(20,185,183)
```
#0cc1bf
```
#0cc1bf rgb(12,193,191)
```
#05c8c7
```
#05c8c7 rgb(5,200,199)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6e8585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98969c Protanopia 1% of men
#9b93ab Deuteranopia 1% of men
#3fa4b0 Tritanopia 0.001% of the population

Trichromacy

#709a9d Protanomaly 1% of men, 0.01% of women
#7298a7 Deuteranomaly 6% of men, 0.4% of women
#38a2aa Tritanomaly 0.01% of the population

#2ca1a0 hex color

#2ca1a0 Color Information

#2ca1a0 Color Conversion

Color Schemes with #2ca1a0

Alternatives to #2ca1a0

#2ca1a0 Preview

Shades and Tints of #2ca1a0

Tones of #2ca1a0

Color Blindness Simulator