#2a9777 hex color

In a RGB color space, hex #2a9777 is composed of 16.5% red, 59.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 0% magenta, 21.2% yellow and 40.8% black. It has a hue angle of 162.4 degrees, a saturation of 56.5% and a lightness of 37.8%. #2a9777 color hex could be obtained by blending #54ffee with #002f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 16
- G 59
- B 47
RGB color chart
- C 72
- M 0
- Y 21
- K 41
CMYK color chart

● #2a9777 color description : Dark cyan - lime green.

The hexadecimal color #2a9777 has RGB values of R:42, G:151, B:119 and CMYK values of C:0.72, M:0, Y:0.21, K:0.41. Its decimal value is 2791287.

Hex triplet	2a9777	`#2a9777`
RGB Decimal	42, 151, 119	`rgb(42,151,119)`
RGB Percent	16.5, 59.2, 46.7	`rgb(16.5%,59.2%,46.7%)`
CMYK	72, 0, 21, 41
HSL	162.4°, 56.5, 37.8	`hsl(162.4,56.5%,37.8%)`
HSV (or HSB)	162.4°, 72.2, 59.2
Web Safe	339966	`#339966`

CIE-LAB	56.044, -38.246, 8.173
XYZ	15.35, 23.956, 21.267
xyY	0.253, 0.395, 23.956
CIE-LCH	56.044, 39.11, 167.938
CIE-LUV	56.044, -42.121, 17.019
Hunter-Lab	48.945, -29.673, 8.5
Binary	00101010, 10010111, 01110111

#2a9777
```
#2a9777 rgb(42,151,119)
```
#972a4a
```
#972a4a rgb(151,42,74)
```

Complementary Color

#2a9741
```
#2a9741 rgb(42,151,65)
```
#2a9777
```
#2a9777 rgb(42,151,119)
```
#2a8197
```
#2a8197 rgb(42,129,151)
```

Analogous Color

#97412a
```
#97412a rgb(151,65,42)
```
#2a9777
```
#2a9777 rgb(42,151,119)
```
#972a81
```
#972a81 rgb(151,42,129)
```

Split Complementary Color

#97772a
```
#97772a rgb(151,119,42)
```
#2a9777
```
#2a9777 rgb(42,151,119)
```
#772a97
```
#772a97 rgb(119,42,151)
```

Triadic Color

#4a972a
```
#4a972a rgb(74,151,42)
```
#2a9777
```
#2a9777 rgb(42,151,119)
```
#772a97
```
#772a97 rgb(119,42,151)
```
#972a4a
```
#972a4a rgb(151,42,74)
```

Tetradic Color

#195b48
```
#195b48 rgb(25,91,72)
```
#1f6f58
```
#1f6f58 rgb(31,111,88)
```
#248367
```
#248367 rgb(36,131,103)
```
#2a9777
```
#2a9777 rgb(42,151,119)
```
#30ab87
```
#30ab87 rgb(48,171,135)
```
#35bf96
```
#35bf96 rgb(53,191,150)
```
#43cba3
```
#43cba3 rgb(67,203,163)
```

Monochromatic Color

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

#2a975c
```
#2a975c rgb(42,151,92)
```
#2a9765
```
#2a9765 rgb(42,151,101)
```
#2a976e
```
#2a976e rgb(42,151,110)
```
#2a9777
```
#2a9777 rgb(42,151,119)
```
#2a9780
```
#2a9780 rgb(42,151,128)
```
#2a9789
```
#2a9789 rgb(42,151,137)
```
#2a9792
```
#2a9792 rgb(42,151,146)
```

Similar Colors

Text with hexadecimal color #2a9777

This text has a font color of #2a9777.

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

#2a9777 background color

This paragraph has a background color of #2a9777.

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

#2a9777 border color

This element has a border color of #2a9777.

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

CSS codes

.text {color:#2a9777;}

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

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

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

#040d0a
```
#040d0a rgb(4,13,10)
```
#081c16
```
#081c16 rgb(8,28,22)
```
#0c2c22
```
#0c2c22 rgb(12,44,34)
```
#103b2e
```
#103b2e rgb(16,59,46)
```
#154a3b
```
#154a3b rgb(21,74,59)
```
#195a47
```
#195a47 rgb(25,90,71)
```
#1d6953
```
#1d6953 rgb(29,105,83)
```
#21785f
```
#21785f rgb(33,120,95)
```
#26886b
```
#26886b rgb(38,136,107)
```
#2a9777
```
#2a9777 rgb(42,151,119)
```
#2ea683
```
#2ea683 rgb(46,166,131)
```
#33b68f
```
#33b68f rgb(51,182,143)
```
#37c59b
```
#37c59b rgb(55,197,155)
```

Shade Color Variation

#44cba4
```
#44cba4 rgb(68,203,164)
```
#54cfab
```
#54cfab rgb(84,207,171)
```
#63d4b3
```
#63d4b3 rgb(99,212,179)
```
#72d8ba
```
#72d8ba rgb(114,216,186)
```
#82dcc2
```
#82dcc2 rgb(130,220,194)
```
#91e0c9
```
#91e0c9 rgb(145,224,201)
```
#a0e5d1
```
#a0e5d1 rgb(160,229,209)
```
#b0e9d8
```
#b0e9d8 rgb(176,233,216)
```
#bfede0
```
#bfede0 rgb(191,237,224)
```
#cef2e7
```
#cef2e7 rgb(206,242,231)
```
#def6ef
```
#def6ef rgb(222,246,239)
```
#edfaf6
```
#edfaf6 rgb(237,250,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#5e6362
```
#5e6362 rgb(94,99,98)
```
#576a65
```
#576a65 rgb(87,106,101)
```
#4f7268
```
#4f7268 rgb(79,114,104)
```
#48796b
```
#48796b rgb(72,121,107)
```
#40816e
```
#40816e rgb(64,129,110)
```
#398871
```
#398871 rgb(57,136,113)
```
#319074
```
#319074 rgb(49,144,116)
```
#2a9777
```
#2a9777 rgb(42,151,119)
```
#239e7a
```
#239e7a rgb(35,158,122)
```
#1ba67d
```
#1ba67d rgb(27,166,125)
```
#14ad80
```
#14ad80 rgb(20,173,128)
```
#0cb583
```
#0cb583 rgb(12,181,131)
```
#05bc86
```
#05bc86 rgb(5,188,134)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#647a74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948c76 Protanopia 1% of men
#9c8885 Deuteranopia 1% of men
#4997a2 Tritanopia 0.001% of the population

Trichromacy

#6d9076 Protanomaly 1% of men, 0.01% of women
#728d80 Deuteranomaly 6% of men, 0.4% of women
#3d9792 Tritanomaly 0.01% of the population

#2a9777 hex color

#2a9777 Color Information

#2a9777 Color Conversion

Color Schemes with #2a9777

Alternatives to #2a9777

#2a9777 Preview

Shades and Tints of #2a9777

Tones of #2a9777

Color Blindness Simulator