#2aa397 hex color

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

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

● #2aa397 color description : Dark cyan.

The hexadecimal color #2aa397 has RGB values of R:42, G:163, B:151 and CMYK values of C:0.74, M:0, Y:0.07, K:0.36. Its decimal value is 2794391.

Hex triplet	2aa397	`#2aa397`
RGB Decimal	42, 163, 151	`rgb(42,163,151)`
RGB Percent	16.5, 63.9, 59.2	`rgb(16.5%,63.9%,59.2%)`
CMYK	74, 0, 7, 36
HSL	174°, 59, 40.2	`hsl(174,59%,40.2%)`
HSV (or HSB)	174°, 74.2, 63.9
Web Safe	339999	`#339999`

CIE-LAB	60.71, -35.067, -3.192
XYZ	19.636, 28.919, 33.824
xyY	0.238, 0.351, 28.919
CIE-LCH	60.71, 35.212, 185.201
CIE-LUV	60.71, -44.427, 0.562
Hunter-Lab	53.777, -28.931, 0.352
Binary	00101010, 10100011, 10010111

#2aa397
```
#2aa397 rgb(42,163,151)
```
#a32a36
```
#a32a36 rgb(163,42,54)
```

Complementary Color

#2aa35b
```
#2aa35b rgb(42,163,91)
```
#2aa397
```
#2aa397 rgb(42,163,151)
```
#2a73a3
```
#2a73a3 rgb(42,115,163)
```

Analogous Color

#a35b2a
```
#a35b2a rgb(163,91,42)
```
#2aa397
```
#2aa397 rgb(42,163,151)
```
#a32a73
```
#a32a73 rgb(163,42,115)
```

Split Complementary Color

#a3972a
```
#a3972a rgb(163,151,42)
```
#2aa397
```
#2aa397 rgb(42,163,151)
```
#972aa3
```
#972aa3 rgb(151,42,163)
```

Triadic Color

#36a32a
```
#36a32a rgb(54,163,42)
```
#2aa397
```
#2aa397 rgb(42,163,151)
```
#972aa3
```
#972aa3 rgb(151,42,163)
```
#a32a36
```
#a32a36 rgb(163,42,54)
```

Tetradic Color

#1a665f
```
#1a665f rgb(26,102,95)
```
#207a71
```
#207a71 rgb(32,122,113)
```
#258f84
```
#258f84 rgb(37,143,132)
```
#2aa397
```
#2aa397 rgb(42,163,151)
```
#2fb7aa
```
#2fb7aa rgb(47,183,170)
```
#35cbbc
```
#35cbbc rgb(53,203,188)
```
#49d0c3
```
#49d0c3 rgb(73,208,195)
```

Monochromatic Color

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

#2aa379
```
#2aa379 rgb(42,163,121)
```
#2aa383
```
#2aa383 rgb(42,163,131)
```
#2aa38d
```
#2aa38d rgb(42,163,141)
```
#2aa397
```
#2aa397 rgb(42,163,151)
```
#2aa3a1
```
#2aa3a1 rgb(42,163,161)
```
#2a9ba3
```
#2a9ba3 rgb(42,155,163)
```
#2a91a3
```
#2a91a3 rgb(42,145,163)
```

Similar Colors

Text with hexadecimal color #2aa397

This text has a font color of #2aa397.

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

#2aa397 background color

This paragraph has a background color of #2aa397.

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

#2aa397 border color

This element has a border color of #2aa397.

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

CSS codes

.text {color:#2aa397;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#061715
```
#061715 rgb(6,23,21)
```
#0a2623
```
#0a2623 rgb(10,38,35)
```
#0e3632
```
#0e3632 rgb(14,54,50)
```
#124540
```
#124540 rgb(18,69,64)
```
#16554f
```
#16554f rgb(22,85,79)
```
#1a655d
```
#1a655d rgb(26,101,93)
```
#1e746c
```
#1e746c rgb(30,116,108)
```
#22847a
```
#22847a rgb(34,132,122)
```
#269389
```
#269389 rgb(38,147,137)
```
#2aa397
```
#2aa397 rgb(42,163,151)
```
#2eb3a5
```
#2eb3a5 rgb(46,179,165)
```
#32c2b4
```
#32c2b4 rgb(50,194,180)
```

Shade Color Variation

#3bcdbe
```
#3bcdbe rgb(59,205,190)
```
#4bd1c3
```
#4bd1c3 rgb(75,209,195)
```
#5ad5c8
```
#5ad5c8 rgb(90,213,200)
```
#6ad9ce
```
#6ad9ce rgb(106,217,206)
```
#7addd3
```
#7addd3 rgb(122,221,211)
```
#89e1d8
```
#89e1d8 rgb(137,225,216)
```
#99e5dd
```
#99e5dd rgb(153,229,221)
```
#a8e9e2
```
#a8e9e2 rgb(168,233,226)
```
#b8ede7
```
#b8ede7 rgb(184,237,231)
```
#c8f1ed
```
#c8f1ed rgb(200,241,237)
```
#d7f5f2
```
#d7f5f2 rgb(215,245,242)
```
#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 #03cab7 is the most saturated one.

#616c6b
```
#616c6b rgb(97,108,107)
```
#597471
```
#597471 rgb(89,116,113)
```
#517c77
```
#517c77 rgb(81,124,119)
```
#4a837e
```
#4a837e rgb(74,131,126)
```
#428b84
```
#428b84 rgb(66,139,132)
```
#3a938a
```
#3a938a rgb(58,147,138)
```
#329b91
```
#329b91 rgb(50,155,145)
```
#2aa397
```
#2aa397 rgb(42,163,151)
```
#22ab9d
```
#22ab9d rgb(34,171,157)
```
#1ab3a4
```
#1ab3a4 rgb(26,179,164)
```
#12bbaa
```
#12bbaa rgb(18,187,170)
```
#0ac3b0
```
#0ac3b0 rgb(10,195,176)
```
#03cab7
```
#03cab7 rgb(3,202,183)
```

Tone Color Variation

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

#9b9793 Protanopia 1% of men
#a094a3 Deuteranopia 1% of men
#43a4b0 Tritanopia 0.001% of the population

Trichromacy

#729b94 Protanomaly 1% of men, 0.01% of women
#75999e Deuteranomaly 6% of men, 0.4% of women
#3aa4a7 Tritanomaly 0.01% of the population

#2aa397 hex color

#2aa397 Color Information

#2aa397 Color Conversion

Color Schemes with #2aa397

Alternatives to #2aa397

#2aa397 Preview

Shades and Tints of #2aa397

Tones of #2aa397

Color Blindness Simulator