#2ca499 hex color

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

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

● #2ca499 color description : Dark cyan.

The hexadecimal color #2ca499 has RGB values of R:44, G:164, B:153 and CMYK values of C:0.73, M:0, Y:0.07, K:0.36. Its decimal value is 2925721.

Hex triplet	2ca499	`#2ca499`
RGB Decimal	44, 164, 153	`rgb(44,164,153)`
RGB Percent	17.3, 64.3, 60	`rgb(17.3%,64.3%,60%)`
CMYK	73, 0, 7, 36
HSL	174.5°, 57.7, 40.8	`hsl(174.5,57.7%,40.8%)`
HSV (or HSB)	174.5°, 73.2, 64.3
Web Safe	339999	`#339999`

CIE-LAB	61.119, -34.709, -3.712
XYZ	20.062, 29.384, 34.75
xyY	0.238, 0.349, 29.384
CIE-LCH	61.119, 34.907, 186.104
CIE-LUV	61.119, -44.357, -0.262
Hunter-Lab	54.207, -28.8, -0.063
Binary	00101100, 10100100, 10011001

#2ca499
```
#2ca499 rgb(44,164,153)
```
#a42c37
```
#a42c37 rgb(164,44,55)
```

Complementary Color

#2ca45d
```
#2ca45d rgb(44,164,93)
```
#2ca499
```
#2ca499 rgb(44,164,153)
```
#2c73a4
```
#2c73a4 rgb(44,115,164)
```

Analogous Color

#a45d2c
```
#a45d2c rgb(164,93,44)
```
#2ca499
```
#2ca499 rgb(44,164,153)
```
#a42c73
```
#a42c73 rgb(164,44,115)
```

Split Complementary Color

#a4992c
```
#a4992c rgb(164,153,44)
```
#2ca499
```
#2ca499 rgb(44,164,153)
```
#992ca4
```
#992ca4 rgb(153,44,164)
```

Triadic Color

#37a42c
```
#37a42c rgb(55,164,44)
```
#2ca499
```
#2ca499 rgb(44,164,153)
```
#992ca4
```
#992ca4 rgb(153,44,164)
```
#a42c37
```
#a42c37 rgb(164,44,55)
```

Tetradic Color

#1c6861
```
#1c6861 rgb(28,104,97)
```
#217c73
```
#217c73 rgb(33,124,115)
```
#279086
```
#279086 rgb(39,144,134)
```
#2ca499
```
#2ca499 rgb(44,164,153)
```
#31b8ac
```
#31b8ac rgb(49,184,172)
```
#39cabd
```
#39cabd rgb(57,202,189)
```
#4dcfc3
```
#4dcfc3 rgb(77,207,195)
```

Monochromatic Color

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

#2ca47b
```
#2ca47b rgb(44,164,123)
```
#2ca485
```
#2ca485 rgb(44,164,133)
```
#2ca48f
```
#2ca48f rgb(44,164,143)
```
#2ca499
```
#2ca499 rgb(44,164,153)
```
#2ca4a3
```
#2ca4a3 rgb(44,164,163)
```
#2c9ba4
```
#2c9ba4 rgb(44,155,164)
```
#2c91a4
```
#2c91a4 rgb(44,145,164)
```

Similar Colors

Text with hexadecimal color #2ca499

This text has a font color of #2ca499.

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

#2ca499 background color

This paragraph has a background color of #2ca499.

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

#2ca499 border color

This element has a border color of #2ca499.

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

CSS codes

.text {color:#2ca499;}

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

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

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)
```
#071917
```
#071917 rgb(7,25,23)
```
#0b2826
```
#0b2826 rgb(11,40,38)
```
#0f3834
```
#0f3834 rgb(15,56,52)
```
#134742
```
#134742 rgb(19,71,66)
```
#175751
```
#175751 rgb(23,87,81)
```
#1b665f
```
#1b665f rgb(27,102,95)
```
#20766e
```
#20766e rgb(32,118,110)
```
#24857c
```
#24857c rgb(36,133,124)
```
#28958b
```
#28958b rgb(40,149,139)
```
#2ca499
```
#2ca499 rgb(44,164,153)
```
#30b3a7
```
#30b3a7 rgb(48,179,167)
```
#34c3b6
```
#34c3b6 rgb(52,195,182)
```

Shade Color Variation

#3fccbf
```
#3fccbf rgb(63,204,191)
```
#4fd0c4
```
#4fd0c4 rgb(79,208,196)
```
#5ed4c9
```
#5ed4c9 rgb(94,212,201)
```
#6ed8ce
```
#6ed8ce rgb(110,216,206)
```
#7ddcd3
```
#7ddcd3 rgb(125,220,211)
```
#8de0d9
```
#8de0d9 rgb(141,224,217)
```
#9ce4de
```
#9ce4de rgb(156,228,222)
```
#ace9e3
```
#ace9e3 rgb(172,233,227)
```
#bbede8
```
#bbede8 rgb(187,237,232)
```
#caf1ed
```
#caf1ed rgb(202,241,237)
```
#daf5f3
```
#daf5f3 rgb(218,245,243)
```
#e9f9f8
```
#e9f9f8 rgb(233,249,248)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#646c6b
```
#646c6b rgb(100,108,107)
```
#5c7472
```
#5c7472 rgb(92,116,114)
```
#547c78
```
#547c78 rgb(84,124,120)
```
#4c847f
```
#4c847f rgb(76,132,127)
```
#448c85
```
#448c85 rgb(68,140,133)
```
#3c948c
```
#3c948c rgb(60,148,140)
```
#349c92
```
#349c92 rgb(52,156,146)
```
#2ca499
```
#2ca499 rgb(44,164,153)
```
#24aca0
```
#24aca0 rgb(36,172,160)
```
#1cb4a6
```
#1cb4a6 rgb(28,180,166)
```
#14bcad
```
#14bcad rgb(20,188,173)
```
#0cc4b3
```
#0cc4b3 rgb(12,196,179)
```
#04ccba
```
#04ccba rgb(4,204,186)
```

Tone Color Variation

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

Dichromacy

#9c9895 Protanopia 1% of men
#a195a5 Deuteranopia 1% of men
#44a5b1 Tritanopia 0.001% of the population

Trichromacy

#739c96 Protanomaly 1% of men, 0.01% of women
#769aa0 Deuteranomaly 6% of men, 0.4% of women
#3ba5a8 Tritanomaly 0.01% of the population

#2ca499 hex color

#2ca499 Color Information

#2ca499 Color Conversion

Color Schemes with #2ca499

Alternatives to #2ca499

#2ca499 Preview

Shades and Tints of #2ca499

Tones of #2ca499

Color Blindness Simulator