#2aa872 hex color

In a RGB color space, hex #2aa872 is composed of 16.5% red, 65.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 0% magenta, 32.1% yellow and 34.1% black. It has a hue angle of 154.3 degrees, a saturation of 60% and a lightness of 41.2%. #2aa872 color hex could be obtained by blending #54ffe4 with #005100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 16
- G 66
- B 45
RGB color chart
- C 75
- M 0
- Y 32
- K 34
CMYK color chart

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

The hexadecimal color #2aa872 has RGB values of R:42, G:168, B:114 and CMYK values of C:0.75, M:0, Y:0.32, K:0.34. Its decimal value is 2795634.

Hex triplet	2aa872	`#2aa872`
RGB Decimal	42, 168, 114	`rgb(42,168,114)`
RGB Percent	16.5, 65.9, 44.7	`rgb(16.5%,65.9%,44.7%)`
CMYK	75, 0, 32, 34
HSL	154.3°, 60, 41.2	`hsl(154.3,60%,41.2%)`
HSV (or HSB)	154.3°, 75, 65.9
Web Safe	339966	`#339966`

CIE-LAB	61.404, -46.54, 18.445
XYZ	17.993, 29.711, 20.705
xyY	0.263, 0.434, 29.711
CIE-LCH	61.404, 50.062, 158.381
CIE-LUV	61.404, -48.652, 32.125
Hunter-Lab	54.507, -36.464, 15.633
Binary	00101010, 10101000, 01110010

#2aa872
```
#2aa872 rgb(42,168,114)
```
#a82a60
```
#a82a60 rgb(168,42,96)
```

Complementary Color

#2aa833
```
#2aa833 rgb(42,168,51)
```
#2aa872
```
#2aa872 rgb(42,168,114)
```
#2a9fa8
```
#2a9fa8 rgb(42,159,168)
```

Analogous Color

#a8332a
```
#a8332a rgb(168,51,42)
```
#2aa872
```
#2aa872 rgb(42,168,114)
```
#a82a9f
```
#a82a9f rgb(168,42,159)
```

Split Complementary Color

#a8722a
```
#a8722a rgb(168,114,42)
```
#2aa872
```
#2aa872 rgb(42,168,114)
```
#722aa8
```
#722aa8 rgb(114,42,168)
```

Triadic Color

#60a82a
```
#60a82a rgb(96,168,42)
```
#2aa872
```
#2aa872 rgb(42,168,114)
```
#722aa8
```
#722aa8 rgb(114,42,168)
```
#a82a60
```
#a82a60 rgb(168,42,96)
```

Tetradic Color

#1b6b48
```
#1b6b48 rgb(27,107,72)
```
#207f56
```
#207f56 rgb(32,127,86)
```
#259464
```
#259464 rgb(37,148,100)
```
#2aa872
```
#2aa872 rgb(42,168,114)
```
#2fbc80
```
#2fbc80 rgb(47,188,128)
```
#38cd8d
```
#38cd8d rgb(56,205,141)
```
#4cd299
```
#4cd299 rgb(76,210,153)
```

Monochromatic Color

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

#2aa853
```
#2aa853 rgb(42,168,83)
```
#2aa85d
```
#2aa85d rgb(42,168,93)
```
#2aa868
```
#2aa868 rgb(42,168,104)
```
#2aa872
```
#2aa872 rgb(42,168,114)
```
#2aa87d
```
#2aa87d rgb(42,168,125)
```
#2aa887
```
#2aa887 rgb(42,168,135)
```
#2aa892
```
#2aa892 rgb(42,168,146)
```

Similar Colors

Text with hexadecimal color #2aa872

This text has a font color of #2aa872.

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

#2aa872 background color

This paragraph has a background color of #2aa872.

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

#2aa872 border color

This element has a border color of #2aa872.

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

CSS codes

.text {color:#2aa872;}

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

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

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, #030b08 is the darkest color, while #fafefc is the lightest one.

#030b08
```
#030b08 rgb(3,11,8)
```
#071b12
```
#071b12 rgb(7,27,18)
```
#0b2a1d
```
#0b2a1d rgb(11,42,29)
```
#0f3a27
```
#0f3a27 rgb(15,58,39)
```
#124a32
```
#124a32 rgb(18,74,50)
```
#165a3d
```
#165a3d rgb(22,90,61)
```
#1a6947
```
#1a6947 rgb(26,105,71)
```
#1e7952
```
#1e7952 rgb(30,121,82)
```
#22895d
```
#22895d rgb(34,137,93)
```
#269867
```
#269867 rgb(38,152,103)
```
#2aa872
```
#2aa872 rgb(42,168,114)
```
#2eb87d
```
#2eb87d rgb(46,184,125)
```
#32c787
```
#32c787 rgb(50,199,135)
```

Shade Color Variation

#3ecf91
```
#3ecf91 rgb(62,207,145)
```
#4ed39a
```
#4ed39a rgb(78,211,154)
```
#5dd7a3
```
#5dd7a3 rgb(93,215,163)
```
#6ddbac
```
#6ddbac rgb(109,219,172)
```
#7ddeb5
```
#7ddeb5 rgb(125,222,181)
```
#8de2be
```
#8de2be rgb(141,226,190)
```
#9ce6c7
```
#9ce6c7 rgb(156,230,199)
```
#acead0
```
#acead0 rgb(172,234,208)
```
#bceed8
```
#bceed8 rgb(188,238,216)
```
#cbf2e1
```
#cbf2e1 rgb(203,242,225)
```
#dbf6ea
```
#dbf6ea rgb(219,246,234)
```
#ebfaf3
```
#ebfaf3 rgb(235,250,243)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636f6a is the less saturated color, while #02d078 is the most saturated one.

#636f6a
```
#636f6a rgb(99,111,106)
```
#5a786b
```
#5a786b rgb(90,120,107)
```
#52806c
```
#52806c rgb(82,128,108)
```
#4a886d
```
#4a886d rgb(74,136,109)
```
#42906f
```
#42906f rgb(66,144,111)
```
#3a9870
```
#3a9870 rgb(58,152,112)
```
#32a071
```
#32a071 rgb(50,160,113)
```
#2aa872
```
#2aa872 rgb(42,168,114)
```
#22b073
```
#22b073 rgb(34,176,115)
```
#1ab874
```
#1ab874 rgb(26,184,116)
```
#12c075
```
#12c075 rgb(18,192,117)
```
#0ac877
```
#0ac877 rgb(10,200,119)
```
#02d078
```
#02d078 rgb(2,208,120)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6c857a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59971 Protanopia 1% of men
#b09481 Deuteranopia 1% of men
#52a5b1 Tritanopia 0.001% of the population

Trichromacy

#789e71 Protanomaly 1% of men, 0.01% of women
#7f9b7b Deuteranomaly 6% of men, 0.4% of women
#43a69a Tritanomaly 0.01% of the population

#2aa872 hex color

#2aa872 Color Information

#2aa872 Color Conversion

Color Schemes with #2aa872

Alternatives to #2aa872

#2aa872 Preview

Shades and Tints of #2aa872

Tones of #2aa872

Color Blindness Simulator