#2aa49e hex color

In a RGB color space, hex #2aa49e is composed of 16.5% red, 64.3% green and 62% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 0% magenta, 3.7% yellow and 35.7% black. It has a hue angle of 177 degrees, a saturation of 59.2% and a lightness of 40.4%. #2aa49e color hex could be obtained by blending #54ffff with #00493d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 64
- B 62
RGB color chart
- C 74
- M 0
- Y 4
- K 36
CMYK color chart

● #2aa49e color description : Dark cyan.

The hexadecimal color #2aa49e has RGB values of R:42, G:164, B:158 and CMYK values of C:0.74, M:0, Y:0.04, K:0.36. Its decimal value is 2794654.

Hex triplet	2aa49e	`#2aa49e`
RGB Decimal	42, 164, 158	`rgb(42,164,158)`
RGB Percent	16.5, 64.3, 62	`rgb(16.5%,64.3%,62%)`
CMYK	74, 0, 4, 36
HSL	177°, 59.2, 40.4	`hsl(177,59.2%,40.4%)`
HSV (or HSB)	177°, 74.4, 64.3
Web Safe	339999	`#339999`

CIE-LAB	61.229, -33.519, -6.37
XYZ	20.4, 29.51, 36.967
xyY	0.235, 0.34, 29.51
CIE-LCH	61.229, 34.119, 190.76
CIE-LUV	61.229, -44.31, -4.454
Hunter-Lab	54.323, -28.033, -2.321
Binary	00101010, 10100100, 10011110

#2aa49e
```
#2aa49e rgb(42,164,158)
```
#a42a30
```
#a42a30 rgb(164,42,48)
```

Complementary Color

#2aa461
```
#2aa461 rgb(42,164,97)
```
#2aa49e
```
#2aa49e rgb(42,164,158)
```
#2a6da4
```
#2a6da4 rgb(42,109,164)
```

Analogous Color

#a4612a
```
#a4612a rgb(164,97,42)
```
#2aa49e
```
#2aa49e rgb(42,164,158)
```
#a42a6d
```
#a42a6d rgb(164,42,109)
```

Split Complementary Color

#a49e2a
```
#a49e2a rgb(164,158,42)
```
#2aa49e
```
#2aa49e rgb(42,164,158)
```
#9e2aa4
```
#9e2aa4 rgb(158,42,164)
```

Triadic Color

#30a42a
```
#30a42a rgb(48,164,42)
```
#2aa49e
```
#2aa49e rgb(42,164,158)
```
#9e2aa4
```
#9e2aa4 rgb(158,42,164)
```
#a42a30
```
#a42a30 rgb(164,42,48)
```

Tetradic Color

#1a6763
```
#1a6763 rgb(26,103,99)
```
#207b77
```
#207b77 rgb(32,123,119)
```
#25908a
```
#25908a rgb(37,144,138)
```
#2aa49e
```
#2aa49e rgb(42,164,158)
```
#2fb8b2
```
#2fb8b2 rgb(47,184,178)
```
#36cbc4
```
#36cbc4 rgb(54,203,196)
```
#4ad1ca
```
#4ad1ca rgb(74,209,202)
```

Monochromatic Color

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

#2aa480
```
#2aa480 rgb(42,164,128)
```
#2aa48a
```
#2aa48a rgb(42,164,138)
```
#2aa494
```
#2aa494 rgb(42,164,148)
```
#2aa49e
```
#2aa49e rgb(42,164,158)
```
#2aa0a4
```
#2aa0a4 rgb(42,160,164)
```
#2a96a4
```
#2a96a4 rgb(42,150,164)
```
#2a8ca4
```
#2a8ca4 rgb(42,140,164)
```

Similar Colors

Text with hexadecimal color #2aa49e

This text has a font color of #2aa49e.

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

#2aa49e background color

This paragraph has a background color of #2aa49e.

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

#2aa49e border color

This element has a border color of #2aa49e.

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

CSS codes

.text {color:#2aa49e;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#061717
```
#061717 rgb(6,23,23)
```
#0a2726
```
#0a2726 rgb(10,39,38)
```
#0e3735
```
#0e3735 rgb(14,55,53)
```
#124644
```
#124644 rgb(18,70,68)
```
#165653
```
#165653 rgb(22,86,83)
```
#1a6662
```
#1a6662 rgb(26,102,98)
```
#1e7571
```
#1e7571 rgb(30,117,113)
```
#228580
```
#228580 rgb(34,133,128)
```
#26948f
```
#26948f rgb(38,148,143)
```
#2aa49e
```
#2aa49e rgb(42,164,158)
```
#2eb4ad
```
#2eb4ad rgb(46,180,173)
```
#32c3bc
```
#32c3bc rgb(50,195,188)
```

Shade Color Variation

#3ccdc6
```
#3ccdc6 rgb(60,205,198)
```
#4bd1ca
```
#4bd1ca rgb(75,209,202)
```
#5bd5cf
```
#5bd5cf rgb(91,213,207)
```
#6bd9d4
```
#6bd9d4 rgb(107,217,212)
```
#7addd8
```
#7addd8 rgb(122,221,216)
```
#8ae1dd
```
#8ae1dd rgb(138,225,221)
```
#9ae5e1
```
#9ae5e1 rgb(154,229,225)
```
#a9e9e6
```
#a9e9e6 rgb(169,233,230)
```
#b9edea
```
#b9edea rgb(185,237,234)
```
#c8f1ef
```
#c8f1ef rgb(200,241,239)
```
#d8f5f4
```
#d8f5f4 rgb(216,245,244)
```
#e8f9f8
```
#e8f9f8 rgb(232,249,248)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616d6c is the less saturated color, while #02ccc2 is the most saturated one.

#616d6c
```
#616d6c rgb(97,109,108)
```
#5a7473
```
#5a7473 rgb(90,116,115)
```
#527c7a
```
#527c7a rgb(82,124,122)
```
#4a8481
```
#4a8481 rgb(74,132,129)
```
#428c89
```
#428c89 rgb(66,140,137)
```
#3a9490
```
#3a9490 rgb(58,148,144)
```
#329c97
```
#329c97 rgb(50,156,151)
```
#2aa49e
```
#2aa49e rgb(42,164,158)
```
#22aca5
```
#22aca5 rgb(34,172,165)
```
#1ab4ac
```
#1ab4ac rgb(26,180,172)
```
#12bcb3
```
#12bcb3 rgb(18,188,179)
```
#0ac4bb
```
#0ac4bb rgb(10,196,187)
```
#02ccc2
```
#02ccc2 rgb(2,204,194)
```

Tone Color Variation

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

Dichromacy

#9b989a Protanopia 1% of men
#9f95aa Deuteranopia 1% of men
#41a6b2 Tritanopia 0.001% of the population

Trichromacy

#729c9b Protanomaly 1% of men, 0.01% of women
#749aa5 Deuteranomaly 6% of men, 0.4% of women
#38a5ab Tritanomaly 0.01% of the population

#2aa49e hex color

#2aa49e Color Information

#2aa49e Color Conversion

Color Schemes with #2aa49e

Alternatives to #2aa49e

#2aa49e Preview

Shades and Tints of #2aa49e

Tones of #2aa49e

Color Blindness Simulator