#2ca593 hex color

In a RGB color space, hex #2ca593 is composed of 17.3% red, 64.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 0% magenta, 10.9% yellow and 35.3% black. It has a hue angle of 171.1 degrees, a saturation of 57.9% and a lightness of 41%. #2ca593 color hex could be obtained by blending #58ffff with #004b27. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 65
- B 58
RGB color chart
- C 73
- M 0
- Y 11
- K 35
CMYK color chart

● #2ca593 color description : Dark cyan.

The hexadecimal color #2ca593 has RGB values of R:44, G:165, B:147 and CMYK values of C:0.73, M:0, Y:0.11, K:0.35. Its decimal value is 2925971.

Hex triplet	2ca593	`#2ca593`
RGB Decimal	44, 165, 147	`rgb(44,165,147)`
RGB Percent	17.3, 64.7, 57.6	`rgb(17.3%,64.7%,57.6%)`
CMYK	73, 0, 11, 35
HSL	171.1°, 57.9, 41	`hsl(171.1,57.9%,41%)`
HSV (or HSB)	171.1°, 73.3, 64.7
Web Safe	339999	`#339999`

CIE-LAB	61.264, -36.843, -0.123
XYZ	19.759, 29.55, 32.265
xyY	0.242, 0.362, 29.55
CIE-LCH	61.264, 36.843, 180.191
CIE-LUV	61.264, -45.126, 5.371
Hunter-Lab	54.36, -30.251, 2.862
Binary	00101100, 10100101, 10010011

#2ca593
```
#2ca593 rgb(44,165,147)
```
#a52c3e
```
#a52c3e rgb(165,44,62)
```

Complementary Color

#2ca557
```
#2ca557 rgb(44,165,87)
```
#2ca593
```
#2ca593 rgb(44,165,147)
```
#2c7ba5
```
#2c7ba5 rgb(44,123,165)
```

Analogous Color

#a5572c
```
#a5572c rgb(165,87,44)
```
#2ca593
```
#2ca593 rgb(44,165,147)
```
#a52c7b
```
#a52c7b rgb(165,44,123)
```

Split Complementary Color

#a5932c
```
#a5932c rgb(165,147,44)
```
#2ca593
```
#2ca593 rgb(44,165,147)
```
#932ca5
```
#932ca5 rgb(147,44,165)
```

Triadic Color

#3ea52c
```
#3ea52c rgb(62,165,44)
```
#2ca593
```
#2ca593 rgb(44,165,147)
```
#932ca5
```
#932ca5 rgb(147,44,165)
```
#a52c3e
```
#a52c3e rgb(165,44,62)
```

Tetradic Color

#1c695d
```
#1c695d rgb(28,105,93)
```
#217d6f
```
#217d6f rgb(33,125,111)
```
#279181
```
#279181 rgb(39,145,129)
```
#2ca593
```
#2ca593 rgb(44,165,147)
```
#31b9a5
```
#31b9a5 rgb(49,185,165)
```
#3acab5
```
#3acab5 rgb(58,202,181)
```
#4ed0bc
```
#4ed0bc rgb(78,208,188)
```

Monochromatic Color

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

#2ca575
```
#2ca575 rgb(44,165,117)
```
#2ca57f
```
#2ca57f rgb(44,165,127)
```
#2ca589
```
#2ca589 rgb(44,165,137)
```
#2ca593
```
#2ca593 rgb(44,165,147)
```
#2ca59d
```
#2ca59d rgb(44,165,157)
```
#2ca3a5
```
#2ca3a5 rgb(44,163,165)
```
#2c99a5
```
#2c99a5 rgb(44,153,165)
```

Similar Colors

Text with hexadecimal color #2ca593

This text has a font color of #2ca593.

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

#2ca593 background color

This paragraph has a background color of #2ca593.

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

#2ca593 border color

This element has a border color of #2ca593.

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

CSS codes

.text {color:#2ca593;}

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

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

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, #030a09 is the darkest color, while #fafefd is the lightest one.

#030a09
```
#030a09 rgb(3,10,9)
```
#071a17
```
#071a17 rgb(7,26,23)
```
#0b2925
```
#0b2925 rgb(11,41,37)
```
#0f3932
```
#0f3932 rgb(15,57,50)
```
#134840
```
#134840 rgb(19,72,64)
```
#17584e
```
#17584e rgb(23,88,78)
```
#1b675c
```
#1b675c rgb(27,103,92)
```
#20776a
```
#20776a rgb(32,119,106)
```
#248677
```
#248677 rgb(36,134,119)
```
#289685
```
#289685 rgb(40,150,133)
```
#2ca593
```
#2ca593 rgb(44,165,147)
```
#30b4a1
```
#30b4a1 rgb(48,180,161)
```
#34c4af
```
#34c4af rgb(52,196,175)
```

Shade Color Variation

#40ccb7
```
#40ccb7 rgb(64,204,183)
```
#4fd0bd
```
#4fd0bd rgb(79,208,189)
```
#5fd4c3
```
#5fd4c3 rgb(95,212,195)
```
#6ed8c9
```
#6ed8c9 rgb(110,216,201)
```
#7eddce
```
#7eddce rgb(126,221,206)
```
#8de1d4
```
#8de1d4 rgb(141,225,212)
```
#9de5da
```
#9de5da rgb(157,229,218)
```
#ace9e0
```
#ace9e0 rgb(172,233,224)
```
#bcede6
```
#bcede6 rgb(188,237,230)
```
#cbf1ec
```
#cbf1ec rgb(203,241,236)
```
#dbf5f1
```
#dbf5f1 rgb(219,245,241)
```
#eaf9f7
```
#eaf9f7 rgb(234,249,247)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#646d6b
```
#646d6b rgb(100,109,107)
```
#5c7571
```
#5c7571 rgb(92,117,113)
```
#547d77
```
#547d77 rgb(84,125,119)
```
#4c857c
```
#4c857c rgb(76,133,124)
```
#448d82
```
#448d82 rgb(68,141,130)
```
#3c9588
```
#3c9588 rgb(60,149,136)
```
#349d8d
```
#349d8d rgb(52,157,141)
```
#2ca593
```
#2ca593 rgb(44,165,147)
```
#24ad99
```
#24ad99 rgb(36,173,153)
```
#1cb59e
```
#1cb59e rgb(28,181,158)
```
#14bda4
```
#14bda4 rgb(20,189,164)
```
#0cc5aa
```
#0cc5aa rgb(12,197,170)
```
#04cdaf
```
#04cdaf rgb(4,205,175)
```

Tone Color Variation

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

Dichromacy

#9e988f Protanopia 1% of men
#a4959f Deuteranopia 1% of men
#48a5b2 Tritanopia 0.001% of the population

Trichromacy

#749d91 Protanomaly 1% of men, 0.01% of women
#789a9b Deuteranomaly 6% of men, 0.4% of women
#3da5a6 Tritanomaly 0.01% of the population

#2ca593 hex color

#2ca593 Color Information

#2ca593 Color Conversion

Color Schemes with #2ca593

Alternatives to #2ca593

#2ca593 Preview

Shades and Tints of #2ca593

Tones of #2ca593

Color Blindness Simulator