#2ca393 hex color

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

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

● #2ca393 color description : Dark cyan.

The hexadecimal color #2ca393 has RGB values of R:44, G:163, B:147 and CMYK values of C:0.73, M:0, Y:0.1, K:0.36. Its decimal value is 2925459.

Hex triplet	2ca393	`#2ca393`
RGB Decimal	44, 163, 147	`rgb(44,163,147)`
RGB Percent	17.3, 63.9, 57.6	`rgb(17.3%,63.9%,57.6%)`
CMYK	73, 0, 10, 36
HSL	171.9°, 57.5, 40.6	`hsl(171.9,57.5%,40.6%)`
HSV (or HSB)	171.9°, 73, 63.9
Web Safe	339999	`#339999`

CIE-LAB	60.635, -35.931, -1.043
XYZ	19.401, 28.835, 32.145
xyY	0.241, 0.359, 28.835
CIE-LCH	60.635, 35.946, 181.663
CIE-LUV	60.635, -44.396, 3.876
Hunter-Lab	53.698, -29.481, 2.096
Binary	00101100, 10100011, 10010011

#2ca393
```
#2ca393 rgb(44,163,147)
```
#a32c3c
```
#a32c3c rgb(163,44,60)
```

Complementary Color

#2ca358
```
#2ca358 rgb(44,163,88)
```
#2ca393
```
#2ca393 rgb(44,163,147)
```
#2c78a3
```
#2c78a3 rgb(44,120,163)
```

Analogous Color

#a3582c
```
#a3582c rgb(163,88,44)
```
#2ca393
```
#2ca393 rgb(44,163,147)
```
#a32c78
```
#a32c78 rgb(163,44,120)
```

Split Complementary Color

#a3932c
```
#a3932c rgb(163,147,44)
```
#2ca393
```
#2ca393 rgb(44,163,147)
```
#932ca3
```
#932ca3 rgb(147,44,163)
```

Triadic Color

#3ca32c
```
#3ca32c rgb(60,163,44)
```
#2ca393
```
#2ca393 rgb(44,163,147)
```
#932ca3
```
#932ca3 rgb(147,44,163)
```
#a32c3c
```
#a32c3c rgb(163,44,60)
```

Tetradic Color

#1c675d
```
#1c675d rgb(28,103,93)
```
#217b6f
```
#217b6f rgb(33,123,111)
```
#278f81
```
#278f81 rgb(39,143,129)
```
#2ca393
```
#2ca393 rgb(44,163,147)
```
#31b7a5
```
#31b7a5 rgb(49,183,165)
```
#39c9b6
```
#39c9b6 rgb(57,201,182)
```
#4dcfbd
```
#4dcfbd rgb(77,207,189)
```

Monochromatic Color

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

#2ca375
```
#2ca375 rgb(44,163,117)
```
#2ca37f
```
#2ca37f rgb(44,163,127)
```
#2ca389
```
#2ca389 rgb(44,163,137)
```
#2ca393
```
#2ca393 rgb(44,163,147)
```
#2ca39d
```
#2ca39d rgb(44,163,157)
```
#2c9fa3
```
#2c9fa3 rgb(44,159,163)
```
#2c95a3
```
#2c95a3 rgb(44,149,163)
```

Similar Colors

Text with hexadecimal color #2ca393

This text has a font color of #2ca393.

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

#2ca393 background color

This paragraph has a background color of #2ca393.

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

#2ca393 border color

This element has a border color of #2ca393.

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

CSS codes

.text {color:#2ca393;}

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

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

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 #f8fdfc is the lightest one.

#020908
```
#020908 rgb(2,9,8)
```
#061816
```
#061816 rgb(6,24,22)
```
#0b2724
```
#0b2724 rgb(11,39,36)
```
#0f3731
```
#0f3731 rgb(15,55,49)
```
#13463f
```
#13463f rgb(19,70,63)
```
#17564d
```
#17564d rgb(23,86,77)
```
#1b655b
```
#1b655b rgb(27,101,91)
```
#1f7569
```
#1f7569 rgb(31,117,105)
```
#248477
```
#248477 rgb(36,132,119)
```
#289485
```
#289485 rgb(40,148,133)
```
#2ca393
```
#2ca393 rgb(44,163,147)
```
#30b2a1
```
#30b2a1 rgb(48,178,161)
```
#34c2af
```
#34c2af rgb(52,194,175)
```

Shade Color Variation

#3fcbb8
```
#3fcbb8 rgb(63,203,184)
```
#4ecfbe
```
#4ecfbe rgb(78,207,190)
```
#5ed3c4
```
#5ed3c4 rgb(94,211,196)
```
#6dd8c9
```
#6dd8c9 rgb(109,216,201)
```
#7ddccf
```
#7ddccf rgb(125,220,207)
```
#8ce0d5
```
#8ce0d5 rgb(140,224,213)
```
#9be4da
```
#9be4da rgb(155,228,218)
```
#abe8e0
```
#abe8e0 rgb(171,232,224)
```
#baece6
```
#baece6 rgb(186,236,230)
```
#caf1eb
```
#caf1eb rgb(202,241,235)
```
#d9f5f1
```
#d9f5f1 rgb(217,245,241)
```
#e9f9f7
```
#e9f9f7 rgb(233,249,247)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#646b6a
```
#646b6a rgb(100,107,106)
```
#5c7370
```
#5c7370 rgb(92,115,112)
```
#547b76
```
#547b76 rgb(84,123,118)
```
#4c837c
```
#4c837c rgb(76,131,124)
```
#448b82
```
#448b82 rgb(68,139,130)
```
#3c9387
```
#3c9387 rgb(60,147,135)
```
#349b8d
```
#349b8d rgb(52,155,141)
```
#2ca393
```
#2ca393 rgb(44,163,147)
```
#24ab99
```
#24ab99 rgb(36,171,153)
```
#1cb39f
```
#1cb39f rgb(28,179,159)
```
#14bba4
```
#14bba4 rgb(20,187,164)
```
#0cc3aa
```
#0cc3aa rgb(12,195,170)
```
#04cbb0
```
#04cbb0 rgb(4,203,176)
```

Tone Color Variation

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

Dichromacy

#9c9790 Protanopia 1% of men
#a2939f Deuteranopia 1% of men
#46a4b0 Tritanopia 0.001% of the population

Trichromacy

#739b91 Protanomaly 1% of men, 0.01% of women
#77999b Deuteranomaly 6% of men, 0.4% of women
#3da3a5 Tritanomaly 0.01% of the population

#2ca393 hex color

#2ca393 Color Information

#2ca393 Color Conversion

Color Schemes with #2ca393

Alternatives to #2ca393

#2ca393 Preview

Shades and Tints of #2ca393

Tones of #2ca393

Color Blindness Simulator