#2aa395 hex color

In a RGB color space, hex #2aa395 is composed of 16.5% red, 63.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 0% magenta, 8.6% yellow and 36.1% black. It has a hue angle of 173.1 degrees, a saturation of 59% and a lightness of 40.2%. #2aa395 color hex could be obtained by blending #54ffff with #00472b. Closest websafe color is: #339999.

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

● #2aa395 color description : Dark cyan.

The hexadecimal color #2aa395 has RGB values of R:42, G:163, B:149 and CMYK values of C:0.74, M:0, Y:0.09, K:0.36. Its decimal value is 2794389.

Hex triplet	2aa395	`#2aa395`
RGB Decimal	42, 163, 149	`rgb(42,163,149)`
RGB Percent	16.5, 63.9, 58.4	`rgb(16.5%,63.9%,58.4%)`
CMYK	74, 0, 9, 36
HSL	173.1°, 59, 40.2	`hsl(173.1,59%,40.2%)`
HSV (or HSB)	173.1°, 74.2, 63.9
Web Safe	339999	`#339999`

CIE-LAB	60.653, -35.632, -2.149
XYZ	19.475, 28.855, 32.975
xyY	0.24, 0.355, 28.855
CIE-LCH	60.653, 35.696, 183.451
CIE-LUV	60.653, -44.563, 2.196
Hunter-Lab	53.717, -29.288, 1.205
Binary	00101010, 10100011, 10010101

#2aa395
```
#2aa395 rgb(42,163,149)
```
#a32a38
```
#a32a38 rgb(163,42,56)
```

Complementary Color

#2aa359
```
#2aa359 rgb(42,163,89)
```
#2aa395
```
#2aa395 rgb(42,163,149)
```
#2a75a3
```
#2a75a3 rgb(42,117,163)
```

Analogous Color

#a3592a
```
#a3592a rgb(163,89,42)
```
#2aa395
```
#2aa395 rgb(42,163,149)
```
#a32a75
```
#a32a75 rgb(163,42,117)
```

Split Complementary Color

#a3952a
```
#a3952a rgb(163,149,42)
```
#2aa395
```
#2aa395 rgb(42,163,149)
```
#952aa3
```
#952aa3 rgb(149,42,163)
```

Triadic Color

#38a32a
```
#38a32a rgb(56,163,42)
```
#2aa395
```
#2aa395 rgb(42,163,149)
```
#952aa3
```
#952aa3 rgb(149,42,163)
```
#a32a38
```
#a32a38 rgb(163,42,56)
```

Tetradic Color

#1a665d
```
#1a665d rgb(26,102,93)
```
#207a70
```
#207a70 rgb(32,122,112)
```
#258f82
```
#258f82 rgb(37,143,130)
```
#2aa395
```
#2aa395 rgb(42,163,149)
```
#2fb7a8
```
#2fb7a8 rgb(47,183,168)
```
#35cbba
```
#35cbba rgb(53,203,186)
```
#49d0c1
```
#49d0c1 rgb(73,208,193)
```

Monochromatic Color

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

#2aa377
```
#2aa377 rgb(42,163,119)
```
#2aa381
```
#2aa381 rgb(42,163,129)
```
#2aa38b
```
#2aa38b rgb(42,163,139)
```
#2aa395
```
#2aa395 rgb(42,163,149)
```
#2aa39f
```
#2aa39f rgb(42,163,159)
```
#2a9da3
```
#2a9da3 rgb(42,157,163)
```
#2a93a3
```
#2a93a3 rgb(42,147,163)
```

Similar Colors

Text with hexadecimal color #2aa395

This text has a font color of #2aa395.

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

#2aa395 background color

This paragraph has a background color of #2aa395.

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

#2aa395 border color

This element has a border color of #2aa395.

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

CSS codes

.text {color:#2aa395;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#061715
```
#061715 rgb(6,23,21)
```
#0a2623
```
#0a2623 rgb(10,38,35)
```
#0e3631
```
#0e3631 rgb(14,54,49)
```
#12453f
```
#12453f rgb(18,69,63)
```
#16554e
```
#16554e rgb(22,85,78)
```
#1a655c
```
#1a655c rgb(26,101,92)
```
#1e746a
```
#1e746a rgb(30,116,106)
```
#228478
```
#228478 rgb(34,132,120)
```
#269387
```
#269387 rgb(38,147,135)
```
#2aa395
```
#2aa395 rgb(42,163,149)
```
#2eb3a3
```
#2eb3a3 rgb(46,179,163)
```
#32c2b2
```
#32c2b2 rgb(50,194,178)
```

Shade Color Variation

#3bcdbc
```
#3bcdbc rgb(59,205,188)
```
#4bd1c1
```
#4bd1c1 rgb(75,209,193)
```
#5ad5c6
```
#5ad5c6 rgb(90,213,198)
```
#6ad9cc
```
#6ad9cc rgb(106,217,204)
```
#7addd1
```
#7addd1 rgb(122,221,209)
```
#89e1d7
```
#89e1d7 rgb(137,225,215)
```
#99e5dc
```
#99e5dc rgb(153,229,220)
```
#a8e9e1
```
#a8e9e1 rgb(168,233,225)
```
#b8ede7
```
#b8ede7 rgb(184,237,231)
```
#c8f1ec
```
#c8f1ec rgb(200,241,236)
```
#d7f5f1
```
#d7f5f1 rgb(215,245,241)
```
#e7f9f7
```
#e7f9f7 rgb(231,249,247)
```
#f6fdfc
```
#f6fdfc rgb(246,253,252)
```

Tint Color Variation

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

#616c6b
```
#616c6b rgb(97,108,107)
```
#597471
```
#597471 rgb(89,116,113)
```
#517c77
```
#517c77 rgb(81,124,119)
```
#4a837d
```
#4a837d rgb(74,131,125)
```
#428b83
```
#428b83 rgb(66,139,131)
```
#3a9389
```
#3a9389 rgb(58,147,137)
```
#329b8f
```
#329b8f rgb(50,155,143)
```
#2aa395
```
#2aa395 rgb(42,163,149)
```
#22ab9b
```
#22ab9b rgb(34,171,155)
```
#1ab3a1
```
#1ab3a1 rgb(26,179,161)
```
#12bba7
```
#12bba7 rgb(18,187,167)
```
#0ac3ad
```
#0ac3ad rgb(10,195,173)
```
#03cab3
```
#03cab3 rgb(3,202,179)
```

Tone Color Variation

Below, you can see how #2aa395 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

#7d7d7d Achromatopsia 0.005% of the population
#6c8582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9791 Protanopia 1% of men
#a193a1 Deuteranopia 1% of men
#44a4b0 Tritanopia 0.001% of the population

Trichromacy

#729b93 Protanomaly 1% of men, 0.01% of women
#75999d Deuteranomaly 6% of men, 0.4% of women
#3ba3a6 Tritanomaly 0.01% of the population

#2aa395 hex color

#2aa395 Color Information

#2aa395 Color Conversion

Color Schemes with #2aa395

Alternatives to #2aa395

#2aa395 Preview

Shades and Tints of #2aa395

Tones of #2aa395

Color Blindness Simulator