#2aac9a hex color

In a RGB color space, hex #2aac9a is composed of 16.5% red, 67.5% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 0% magenta, 10.5% yellow and 32.5% black. It has a hue angle of 171.7 degrees, a saturation of 60.7% and a lightness of 42%. #2aac9a color hex could be obtained by blending #54ffff with #005935. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 67
- B 60
RGB color chart
- C 76
- M 0
- Y 10
- K 33
CMYK color chart

● #2aac9a color description : Dark cyan.

The hexadecimal color #2aac9a has RGB values of R:42, G:172, B:154 and CMYK values of C:0.76, M:0, Y:0.1, K:0.33. Its decimal value is 2796698.

Hex triplet	2aac9a	`#2aac9a`
RGB Decimal	42, 172, 154	`rgb(42,172,154)`
RGB Percent	16.5, 67.5, 60.4	`rgb(16.5%,67.5%,60.4%)`
CMYK	76, 0, 10, 33
HSL	171.7°, 60.7, 42	`hsl(171.7,60.7%,42%)`
HSV (or HSB)	171.7°, 75.6, 67.5
Web Safe	339999	`#339999`

CIE-LAB	63.613, -38.329, -0.615
XYZ	21.538, 32.328, 35.675
xyY	0.241, 0.361, 32.328
CIE-LCH	63.613, 38.334, 180.919
CIE-LUV	63.613, -47.476, 4.902
Hunter-Lab	56.858, -31.885, 2.6
Binary	00101010, 10101100, 10011010

#2aac9a
```
#2aac9a rgb(42,172,154)
```
#ac2a3c
```
#ac2a3c rgb(172,42,60)
```

Complementary Color

#2aac59
```
#2aac59 rgb(42,172,89)
```
#2aac9a
```
#2aac9a rgb(42,172,154)
```
#2a7dac
```
#2a7dac rgb(42,125,172)
```

Analogous Color

#ac592a
```
#ac592a rgb(172,89,42)
```
#2aac9a
```
#2aac9a rgb(42,172,154)
```
#ac2a7d
```
#ac2a7d rgb(172,42,125)
```

Split Complementary Color

#ac9a2a
```
#ac9a2a rgb(172,154,42)
```
#2aac9a
```
#2aac9a rgb(42,172,154)
```
#9a2aac
```
#9a2aac rgb(154,42,172)
```

Triadic Color

#3cac2a
```
#3cac2a rgb(60,172,42)
```
#2aac9a
```
#2aac9a rgb(42,172,154)
```
#9a2aac
```
#9a2aac rgb(154,42,172)
```
#ac2a3c
```
#ac2a3c rgb(172,42,60)
```

Tetradic Color

#1b6f63
```
#1b6f63 rgb(27,111,99)
```
#208375
```
#208375 rgb(32,131,117)
```
#259888
```
#259888 rgb(37,152,136)
```
#2aac9a
```
#2aac9a rgb(42,172,154)
```
#2fc0ac
```
#2fc0ac rgb(47,192,172)
```
#3acfba
```
#3acfba rgb(58,207,186)
```
#4fd4c1
```
#4fd4c1 rgb(79,212,193)
```

Monochromatic Color

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

#2aac7a
```
#2aac7a rgb(42,172,122)
```
#2aac84
```
#2aac84 rgb(42,172,132)
```
#2aac8f
```
#2aac8f rgb(42,172,143)
```
#2aac9a
```
#2aac9a rgb(42,172,154)
```
#2aaca5
```
#2aaca5 rgb(42,172,165)
```
#2aa8ac
```
#2aa8ac rgb(42,168,172)
```
#2a9eac
```
#2a9eac rgb(42,158,172)
```

Similar Colors

Text with hexadecimal color #2aac9a

This text has a font color of #2aac9a.

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

#2aac9a background color

This paragraph has a background color of #2aac9a.

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

#2aac9a border color

This element has a border color of #2aac9a.

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

CSS codes

.text {color:#2aac9a;}

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

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

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, #040e0d is the darkest color, while #feffff is the lightest one.

#040e0d
```
#040e0d rgb(4,14,13)
```
#071e1b
```
#071e1b rgb(7,30,27)
```
#0b2e29
```
#0b2e29 rgb(11,46,41)
```
#0f3e37
```
#0f3e37 rgb(15,62,55)
```
#134d45
```
#134d45 rgb(19,77,69)
```
#175d53
```
#175d53 rgb(23,93,83)
```
#1b6d62
```
#1b6d62 rgb(27,109,98)
```
#1e7d70
```
#1e7d70 rgb(30,125,112)
```
#228c7e
```
#228c7e rgb(34,140,126)
```
#269c8c
```
#269c8c rgb(38,156,140)
```
#2aac9a
```
#2aac9a rgb(42,172,154)
```
#2ebca8
```
#2ebca8 rgb(46,188,168)
```
#32ccb6
```
#32ccb6 rgb(50,204,182)
```

Shade Color Variation

#40d0bd
```
#40d0bd rgb(64,208,189)
```
#50d4c2
```
#50d4c2 rgb(80,212,194)
```
#60d8c8
```
#60d8c8 rgb(96,216,200)
```
#70dccd
```
#70dccd rgb(112,220,205)
```
#7fe0d3
```
#7fe0d3 rgb(127,224,211)
```
#8fe4d8
```
#8fe4d8 rgb(143,228,216)
```
#9fe8de
```
#9fe8de rgb(159,232,222)
```
#afebe3
```
#afebe3 rgb(175,235,227)
```
#bfefe9
```
#bfefe9 rgb(191,239,233)
```
#cef3ee
```
#cef3ee rgb(206,243,238)
```
#def7f4
```
#def7f4 rgb(222,247,244)
```
#eefbf9
```
#eefbf9 rgb(238,251,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #647270 is the less saturated color, while #01d5b8 is the most saturated one.

#647270
```
#647270 rgb(100,114,112)
```
#5b7b76
```
#5b7b76 rgb(91,123,118)
```
#53837c
```
#53837c rgb(83,131,124)
```
#4b8b82
```
#4b8b82 rgb(75,139,130)
```
#439388
```
#439388 rgb(67,147,136)
```
#3a9c8e
```
#3a9c8e rgb(58,156,142)
```
#32a494
```
#32a494 rgb(50,164,148)
```
#2aac9a
```
#2aac9a rgb(42,172,154)
```
#22b4a0
```
#22b4a0 rgb(34,180,160)
```
#1abca6
```
#1abca6 rgb(26,188,166)
```
#11c5ac
```
#11c5ac rgb(17,197,172)
```
#09cdb2
```
#09cdb2 rgb(9,205,178)
```
#01d5b8
```
#01d5b8 rgb(1,213,184)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#718b88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49e96 Protanopia 1% of men
#aa9aa6 Deuteranopia 1% of men
#47acb9 Tritanopia 0.001% of the population

Trichromacy

#77a397 Protanomaly 1% of men, 0.01% of women
#7ba1a2 Deuteranomaly 6% of men, 0.4% of women
#3cacad Tritanomaly 0.01% of the population

#2aac9a hex color

#2aac9a Color Information

#2aac9a Color Conversion

Color Schemes with #2aac9a

Alternatives to #2aac9a

#2aac9a Preview

Shades and Tints of #2aac9a

Tones of #2aac9a

Color Blindness Simulator