#2a9a97 hex color

In a RGB color space, hex #2a9a97 is composed of 16.5% red, 60.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 0% magenta, 1.9% yellow and 39.6% black. It has a hue angle of 178.4 degrees, a saturation of 57.1% and a lightness of 38.4%. #2a9a97 color hex could be obtained by blending #54ffff with #00352f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 60
- B 59
RGB color chart
- C 73
- M 0
- Y 2
- K 40
CMYK color chart

● #2a9a97 color description : Dark cyan.

The hexadecimal color #2a9a97 has RGB values of R:42, G:154, B:151 and CMYK values of C:0.73, M:0, Y:0.02, K:0.4. Its decimal value is 2792087.

Hex triplet	2a9a97	`#2a9a97`
RGB Decimal	42, 154, 151	`rgb(42,154,151)`
RGB Percent	16.5, 60.4, 59.2	`rgb(16.5%,60.4%,59.2%)`
CMYK	73, 0, 2, 40
HSL	178.4°, 57.1, 38.4	`hsl(178.4,57.1%,38.4%)`
HSV (or HSB)	178.4°, 72.7, 60.4
Web Safe	339999	`#339999`

CIE-LAB	57.881, -30.819, -7.38
XYZ	18.095, 25.836, 33.31
xyY	0.234, 0.334, 25.836
CIE-LCH	57.881, 31.691, 193.467
CIE-LUV	57.881, -41.142, -6.325
Hunter-Lab	50.829, -25.407, -3.274
Binary	00101010, 10011010, 10010111

#2a9a97
```
#2a9a97 rgb(42,154,151)
```
#9a2a2d
```
#9a2a2d rgb(154,42,45)
```

Complementary Color

#2a9a5f
```
#2a9a5f rgb(42,154,95)
```
#2a9a97
```
#2a9a97 rgb(42,154,151)
```
#2a659a
```
#2a659a rgb(42,101,154)
```

Analogous Color

#9a5f2a
```
#9a5f2a rgb(154,95,42)
```
#2a9a97
```
#2a9a97 rgb(42,154,151)
```
#9a2a65
```
#9a2a65 rgb(154,42,101)
```

Split Complementary Color

#9a972a
```
#9a972a rgb(154,151,42)
```
#2a9a97
```
#2a9a97 rgb(42,154,151)
```
#972a9a
```
#972a9a rgb(151,42,154)
```

Triadic Color

#2d9a2a
```
#2d9a2a rgb(45,154,42)
```
#2a9a97
```
#2a9a97 rgb(42,154,151)
```
#972a9a
```
#972a9a rgb(151,42,154)
```
#9a2a2d
```
#9a2a2d rgb(154,42,45)
```

Tetradic Color

#1a5e5c
```
#1a5e5c rgb(26,94,92)
```
#1f7270
```
#1f7270 rgb(31,114,112)
```
#258683
```
#258683 rgb(37,134,131)
```
#2a9a97
```
#2a9a97 rgb(42,154,151)
```
#2faeab
```
#2faeab rgb(47,174,171)
```
#35c2be
```
#35c2be rgb(53,194,190)
```
#44ccc8
```
#44ccc8 rgb(68,204,200)
```

Monochromatic Color

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

#2a9a7b
```
#2a9a7b rgb(42,154,123)
```
#2a9a84
```
#2a9a84 rgb(42,154,132)
```
#2a9a8e
```
#2a9a8e rgb(42,154,142)
```
#2a9a97
```
#2a9a97 rgb(42,154,151)
```
#2a949a
```
#2a949a rgb(42,148,154)
```
#2a8a9a
```
#2a8a9a rgb(42,138,154)
```
#2a819a
```
#2a819a rgb(42,129,154)
```

Similar Colors

Text with hexadecimal color #2a9a97

This text has a font color of #2a9a97.

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

#2a9a97 background color

This paragraph has a background color of #2a9a97.

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

#2a9a97 border color

This element has a border color of #2a9a97.

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

CSS codes

.text {color:#2a9a97;}

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

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

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

#040f0f
```
#040f0f rgb(4,15,15)
```
#081f1e
```
#081f1e rgb(8,31,30)
```
#0d2e2d
```
#0d2e2d rgb(13,46,45)
```
#113e3c
```
#113e3c rgb(17,62,60)
```
#154d4b
```
#154d4b rgb(21,77,75)
```
#195c5b
```
#195c5b rgb(25,92,91)
```
#1d6c6a
```
#1d6c6a rgb(29,108,106)
```
#227b79
```
#227b79 rgb(34,123,121)
```
#268b88
```
#268b88 rgb(38,139,136)
```
#2a9a97
```
#2a9a97 rgb(42,154,151)
```
#2ea9a6
```
#2ea9a6 rgb(46,169,166)
```
#32b9b5
```
#32b9b5 rgb(50,185,181)
```
#37c8c4
```
#37c8c4 rgb(55,200,196)
```

Shade Color Variation

#46cdc9
```
#46cdc9 rgb(70,205,201)
```
#55d1cd
```
#55d1cd rgb(85,209,205)
```
#65d5d2
```
#65d5d2 rgb(101,213,210)
```
#74d9d6
```
#74d9d6 rgb(116,217,214)
```
#84dddb
```
#84dddb rgb(132,221,219)
```
#93e2df
```
#93e2df rgb(147,226,223)
```
#a2e6e4
```
#a2e6e4 rgb(162,230,228)
```
#b2eae8
```
#b2eae8 rgb(178,234,232)
```
#c1eeed
```
#c1eeed rgb(193,238,237)
```
#d1f2f1
```
#d1f2f1 rgb(209,242,241)
```
#e0f7f6
```
#e0f7f6 rgb(224,247,246)
```
#effbfa
```
#effbfa rgb(239,251,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5f6565
```
#5f6565 rgb(95,101,101)
```
#576d6c
```
#576d6c rgb(87,109,108)
```
#507473
```
#507473 rgb(80,116,115)
```
#487c7a
```
#487c7a rgb(72,124,122)
```
#418382
```
#418382 rgb(65,131,130)
```
#398b89
```
#398b89 rgb(57,139,137)
```
#329290
```
#329290 rgb(50,146,144)
```
#2a9a97
```
#2a9a97 rgb(42,154,151)
```
#22a29e
```
#22a29e rgb(34,162,158)
```
#1ba9a5
```
#1ba9a5 rgb(27,169,165)
```
#13b1ac
```
#13b1ac rgb(19,177,172)
```
#0cb8b4
```
#0cb8b4 rgb(12,184,180)
```
#04c0bb
```
#04c0bb rgb(4,192,187)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#687f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#929094 Protanopia 1% of men
#958da2 Deuteranopia 1% of men
#3e9da8 Tritanopia 0.001% of the population

Trichromacy

#6c9395 Protanomaly 1% of men, 0.01% of women
#6e929e Deuteranomaly 6% of men, 0.4% of women
#369ca2 Tritanomaly 0.01% of the population

#2a9a97 hex color

#2a9a97 Color Information

#2a9a97 Color Conversion

Color Schemes with #2a9a97

Alternatives to #2a9a97

#2a9a97 Preview

Shades and Tints of #2a9a97

Tones of #2a9a97

Color Blindness Simulator