#2a7a60 hex color

In a RGB color space, hex #2a7a60 is composed of 16.5% red, 47.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 0% magenta, 21.3% yellow and 52.2% black. It has a hue angle of 160.5 degrees, a saturation of 48.8% and a lightness of 32.2%. #2a7a60 color hex could be obtained by blending #54f4c0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 48
- B 38
RGB color chart
- C 66
- M 0
- Y 21
- K 52
CMYK color chart

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

The hexadecimal color #2a7a60 has RGB values of R:42, G:122, B:96 and CMYK values of C:0.66, M:0, Y:0.21, K:0.52. Its decimal value is 2783840.

Hex triplet	2a7a60	`#2a7a60`
RGB Decimal	42, 122, 96	`rgb(42,122,96)`
RGB Percent	16.5, 47.8, 37.6	`rgb(16.5%,47.8%,37.6%)`
CMYK	66, 0, 21, 52
HSL	160.5°, 48.8, 32.2	`hsl(160.5,48.8%,32.2%)`
HSV (or HSB)	160.5°, 65.6, 47.8
Web Safe	336666	`#336666`

CIE-LAB	45.981, -30.923, 7.18
XYZ	10.025, 15.255, 13.482
xyY	0.259, 0.394, 15.255
CIE-LCH	45.981, 31.746, 166.928
CIE-LUV	45.981, -32.438, 13.892
Hunter-Lab	39.058, -22.535, 6.875
Binary	00101010, 01111010, 01100000

#2a7a60
```
#2a7a60 rgb(42,122,96)
```
#7a2a44
```
#7a2a44 rgb(122,42,68)
```

Complementary Color

#2a7a38
```
#2a7a38 rgb(42,122,56)
```
#2a7a60
```
#2a7a60 rgb(42,122,96)
```
#2a6c7a
```
#2a6c7a rgb(42,108,122)
```

Analogous Color

#7a382a
```
#7a382a rgb(122,56,42)
```
#2a7a60
```
#2a7a60 rgb(42,122,96)
```
#7a2a6c
```
#7a2a6c rgb(122,42,108)
```

Split Complementary Color

#7a602a
```
#7a602a rgb(122,96,42)
```
#2a7a60
```
#2a7a60 rgb(42,122,96)
```
#602a7a
```
#602a7a rgb(96,42,122)
```

Triadic Color

#447a2a
```
#447a2a rgb(68,122,42)
```
#2a7a60
```
#2a7a60 rgb(42,122,96)
```
#602a7a
```
#602a7a rgb(96,42,122)
```
#7a2a44
```
#7a2a44 rgb(122,42,68)
```

Tetradic Color

#164133
```
#164133 rgb(22,65,51)
```
#1d5442
```
#1d5442 rgb(29,84,66)
```
#236751
```
#236751 rgb(35,103,81)
```
#2a7a60
```
#2a7a60 rgb(42,122,96)
```
#318d6f
```
#318d6f rgb(49,141,111)
```
#37a07e
```
#37a07e rgb(55,160,126)
```
#3eb38d
```
#3eb38d rgb(62,179,141)
```

Monochromatic Color

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

#2a7a4c
```
#2a7a4c rgb(42,122,76)
```
#2a7a53
```
#2a7a53 rgb(42,122,83)
```
#2a7a59
```
#2a7a59 rgb(42,122,89)
```
#2a7a60
```
#2a7a60 rgb(42,122,96)
```
#2a7a67
```
#2a7a67 rgb(42,122,103)
```
#2a7a6d
```
#2a7a6d rgb(42,122,109)
```
#2a7a74
```
#2a7a74 rgb(42,122,116)
```

Similar Colors

Text with hexadecimal color #2a7a60

This text has a font color of #2a7a60.

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

#2a7a60 background color

This paragraph has a background color of #2a7a60.

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

#2a7a60 border color

This element has a border color of #2a7a60.

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

CSS codes

.text {color:#2a7a60;}

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

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

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

#020504
```
#020504 rgb(2,5,4)
```
#071410
```
#071410 rgb(7,20,16)
```
#0c221b
```
#0c221b rgb(12,34,27)
```
#113127
```
#113127 rgb(17,49,39)
```
#164032
```
#164032 rgb(22,64,50)
```
#1b4e3e
```
#1b4e3e rgb(27,78,62)
```
#205d49
```
#205d49 rgb(32,93,73)
```
#256b55
```
#256b55 rgb(37,107,85)
```
#2a7a60
```
#2a7a60 rgb(42,122,96)
```
#2f896b
```
#2f896b rgb(47,137,107)
```
#349777
```
#349777 rgb(52,151,119)
```
#39a682
```
#39a682 rgb(57,166,130)
```
#3eb48e
```
#3eb48e rgb(62,180,142)
```

Shade Color Variation

#47c098
```
#47c098 rgb(71,192,152)
```
#55c5a0
```
#55c5a0 rgb(85,197,160)
```
#64caa8
```
#64caa8 rgb(100,202,168)
```
#72cfb1
```
#72cfb1 rgb(114,207,177)
```
#81d4b9
```
#81d4b9 rgb(129,212,185)
```
#90d9c1
```
#90d9c1 rgb(144,217,193)
```
#9edec9
```
#9edec9 rgb(158,222,201)
```
#ade3d1
```
#ade3d1 rgb(173,227,209)
```
#bbe8d9
```
#bbe8d9 rgb(187,232,217)
```
#caede1
```
#caede1 rgb(202,237,225)
```
#d8f2ea
```
#d8f2ea rgb(216,242,234)
```
#e7f7f2
```
#e7f7f2 rgb(231,247,242)
```
#f6fcfa
```
#f6fcfa rgb(246,252,250)
```

Tint Color Variation

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

#505453
```
#505453 rgb(80,84,83)
```
#4a5a55
```
#4a5a55 rgb(74,90,85)
```
#436157
```
#436157 rgb(67,97,87)
```
#3d6759
```
#3d6759 rgb(61,103,89)
```
#376d5c
```
#376d5c rgb(55,109,92)
```
#30745e
```
#30745e rgb(48,116,94)
```
#2a7a60
```
#2a7a60 rgb(42,122,96)
```
#248062
```
#248062 rgb(36,128,98)
```
#1d8764
```
#1d8764 rgb(29,135,100)
```
#178d67
```
#178d67 rgb(23,141,103)
```
#119369
```
#119369 rgb(17,147,105)
```
#0a9a6b
```
#0a9a6b rgb(10,154,107)
```
#04a06d
```
#04a06d rgb(4,160,109)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#54645f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7462 Protanopia 1% of men
#81706d Deuteranopia 1% of men
#427c85 Tritanopia 0.001% of the population

Trichromacy

#5d7661 Protanomaly 1% of men, 0.01% of women
#617468 Deuteranomaly 6% of men, 0.4% of women
#397b78 Tritanomaly 0.01% of the population

#2a7a60 hex color

#2a7a60 Color Information

#2a7a60 Color Conversion

Color Schemes with #2a7a60

Alternatives to #2a7a60

#2a7a60 Preview

Shades and Tints of #2a7a60

Tones of #2a7a60

Color Blindness Simulator