#2ca3a0 hex color

In a RGB color space, hex #2ca3a0 is composed of 17.3% red, 63.9% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 0% magenta, 1.8% yellow and 36.1% black. It has a hue angle of 178.5 degrees, a saturation of 57.5% and a lightness of 40.6%. #2ca3a0 color hex could be obtained by blending #58ffff with #004741. Closest websafe color is: #339999.

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

● #2ca3a0 color description : Dark cyan.

The hexadecimal color #2ca3a0 has RGB values of R:44, G:163, B:160 and CMYK values of C:0.73, M:0, Y:0.02, K:0.36. Its decimal value is 2925472.

Hex triplet	2ca3a0	`#2ca3a0`
RGB Decimal	44, 163, 160	`rgb(44,163,160)`
RGB Percent	17.3, 63.9, 62.7	`rgb(17.3%,63.9%,62.7%)`
CMYK	73, 0, 2, 36
HSL	178.5°, 57.5, 40.6	`hsl(178.5,57.5%,40.6%)`
HSV (or HSB)	178.5°, 73, 63.9
Web Safe	339999	`#339999`

CIE-LAB	61.016, -32.213, -7.81
XYZ	20.479, 29.266, 37.825
xyY	0.234, 0.334, 29.266
CIE-LCH	61.016, 33.146, 193.628
CIE-LUV	61.016, -43.52, -6.835
Hunter-Lab	54.098, -27.1, -3.587
Binary	00101100, 10100011, 10100000

#2ca3a0
```
#2ca3a0 rgb(44,163,160)
```
#a32c2f
```
#a32c2f rgb(163,44,47)
```

Complementary Color

#2ca365
```
#2ca365 rgb(44,163,101)
```
#2ca3a0
```
#2ca3a0 rgb(44,163,160)
```
#2c6ba3
```
#2c6ba3 rgb(44,107,163)
```

Analogous Color

#a3652c
```
#a3652c rgb(163,101,44)
```
#2ca3a0
```
#2ca3a0 rgb(44,163,160)
```
#a32c6b
```
#a32c6b rgb(163,44,107)
```

Split Complementary Color

#a3a02c
```
#a3a02c rgb(163,160,44)
```
#2ca3a0
```
#2ca3a0 rgb(44,163,160)
```
#a02ca3
```
#a02ca3 rgb(160,44,163)
```

Triadic Color

#2fa32c
```
#2fa32c rgb(47,163,44)
```
#2ca3a0
```
#2ca3a0 rgb(44,163,160)
```
#a02ca3
```
#a02ca3 rgb(160,44,163)
```
#a32c2f
```
#a32c2f rgb(163,44,47)
```

Tetradic Color

#1c6765
```
#1c6765 rgb(28,103,101)
```
#217b79
```
#217b79 rgb(33,123,121)
```
#278f8c
```
#278f8c rgb(39,143,140)
```
#2ca3a0
```
#2ca3a0 rgb(44,163,160)
```
#31b7b4
```
#31b7b4 rgb(49,183,180)
```
#39c9c6
```
#39c9c6 rgb(57,201,198)
```
#4dcfcc
```
#4dcfcc rgb(77,207,204)
```

Monochromatic Color

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

#2ca382
```
#2ca382 rgb(44,163,130)
```
#2ca38c
```
#2ca38c rgb(44,163,140)
```
#2ca396
```
#2ca396 rgb(44,163,150)
```
#2ca3a0
```
#2ca3a0 rgb(44,163,160)
```
#2c9ca3
```
#2c9ca3 rgb(44,156,163)
```
#2c92a3
```
#2c92a3 rgb(44,146,163)
```
#2c88a3
```
#2c88a3 rgb(44,136,163)
```

Similar Colors

Text with hexadecimal color #2ca3a0

This text has a font color of #2ca3a0.

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

#2ca3a0 background color

This paragraph has a background color of #2ca3a0.

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

#2ca3a0 border color

This element has a border color of #2ca3a0.

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

CSS codes

.text {color:#2ca3a0;}

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

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

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

#020908
```
#020908 rgb(2,9,8)
```
#061818
```
#061818 rgb(6,24,24)
```
#0b2727
```
#0b2727 rgb(11,39,39)
```
#0f3736
```
#0f3736 rgb(15,55,54)
```
#134645
```
#134645 rgb(19,70,69)
```
#175654
```
#175654 rgb(23,86,84)
```
#1b6563
```
#1b6563 rgb(27,101,99)
```
#1f7573
```
#1f7573 rgb(31,117,115)
```
#248482
```
#248482 rgb(36,132,130)
```
#289491
```
#289491 rgb(40,148,145)
```
#2ca3a0
```
#2ca3a0 rgb(44,163,160)
```
#30b2af
```
#30b2af rgb(48,178,175)
```
#34c2be
```
#34c2be rgb(52,194,190)
```

Shade Color Variation

#3fcbc8
```
#3fcbc8 rgb(63,203,200)
```
#4ecfcc
```
#4ecfcc rgb(78,207,204)
```
#5ed3d0
```
#5ed3d0 rgb(94,211,208)
```
#6dd8d5
```
#6dd8d5 rgb(109,216,213)
```
#7ddcd9
```
#7ddcd9 rgb(125,220,217)
```
#8ce0de
```
#8ce0de rgb(140,224,222)
```
#9be4e2
```
#9be4e2 rgb(155,228,226)
```
#abe8e7
```
#abe8e7 rgb(171,232,231)
```
#baeceb
```
#baeceb rgb(186,236,235)
```
#caf1f0
```
#caf1f0 rgb(202,241,240)
```
#d9f5f4
```
#d9f5f4 rgb(217,245,244)
```
#e9f9f9
```
#e9f9f9 rgb(233,249,249)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#646b6b
```
#646b6b rgb(100,107,107)
```
#5c7373
```
#5c7373 rgb(92,115,115)
```
#547b7a
```
#547b7a rgb(84,123,122)
```
#4c8382
```
#4c8382 rgb(76,131,130)
```
#448b89
```
#448b89 rgb(68,139,137)
```
#3c9391
```
#3c9391 rgb(60,147,145)
```
#349b98
```
#349b98 rgb(52,155,152)
```
#2ca3a0
```
#2ca3a0 rgb(44,163,160)
```
#24aba8
```
#24aba8 rgb(36,171,168)
```
#1cb3af
```
#1cb3af rgb(28,179,175)
```
#14bbb7
```
#14bbb7 rgb(20,187,183)
```
#0cc3be
```
#0cc3be rgb(12,195,190)
```
#04cbc6
```
#04cbc6 rgb(4,203,198)
```

Tone Color Variation

Below, you can see how #2ca3a0 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
#6e8686 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a989c Protanopia 1% of men
#9d95ab Deuteranopia 1% of men
#40a5b1 Tritanopia 0.001% of the population

Trichromacy

#729c9d Protanomaly 1% of men, 0.01% of women
#749aa7 Deuteranomaly 6% of men, 0.4% of women
#39a4ab Tritanomaly 0.01% of the population

#2ca3a0 hex color

#2ca3a0 Color Information

#2ca3a0 Color Conversion

Color Schemes with #2ca3a0

Alternatives to #2ca3a0

#2ca3a0 Preview

Shades and Tints of #2ca3a0

Tones of #2ca3a0

Color Blindness Simulator