#2aad86 hex color

In a RGB color space, hex #2aad86 is composed of 16.5% red, 67.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 0% magenta, 22.5% yellow and 32.2% black. It has a hue angle of 162.1 degrees, a saturation of 60.9% and a lightness of 42.2%. #2aad86 color hex could be obtained by blending #54ffff with #005b0d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 68
- B 53
RGB color chart
- C 76
- M 0
- Y 23
- K 32
CMYK color chart

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

The hexadecimal color #2aad86 has RGB values of R:42, G:173, B:134 and CMYK values of C:0.76, M:0, Y:0.23, K:0.32. Its decimal value is 2796934.

Hex triplet	2aad86	`#2aad86`
RGB Decimal	42, 173, 134	`rgb(42,173,134)`
RGB Percent	16.5, 67.8, 52.5	`rgb(16.5%,67.8%,52.5%)`
CMYK	76, 0, 23, 32
HSL	162.1°, 60.9, 42.2	`hsl(162.1,60.9%,42.2%)`
HSV (or HSB)	162.1°, 75.7, 67.8
Web Safe	339999	`#339999`

CIE-LAB	63.424, -43.964, 10.236
XYZ	20.2, 32.099, 27.684
xyY	0.253, 0.401, 32.099
CIE-LCH	63.424, 45.14, 166.894
CIE-LUV	63.424, -49.189, 21.203
Hunter-Lab	56.656, -35.506, 10.688
Binary	00101010, 10101101, 10000110

#2aad86
```
#2aad86 rgb(42,173,134)
```
#ad2a51
```
#ad2a51 rgb(173,42,81)
```

Complementary Color

#2aad45
```
#2aad45 rgb(42,173,69)
```
#2aad86
```
#2aad86 rgb(42,173,134)
```
#2a93ad
```
#2a93ad rgb(42,147,173)
```

Analogous Color

#ad452a
```
#ad452a rgb(173,69,42)
```
#2aad86
```
#2aad86 rgb(42,173,134)
```
#ad2a93
```
#ad2a93 rgb(173,42,147)
```

Split Complementary Color

#ad862a
```
#ad862a rgb(173,134,42)
```
#2aad86
```
#2aad86 rgb(42,173,134)
```
#862aad
```
#862aad rgb(134,42,173)
```

Triadic Color

#51ad2a
```
#51ad2a rgb(81,173,42)
```
#2aad86
```
#2aad86 rgb(42,173,134)
```
#862aad
```
#862aad rgb(134,42,173)
```
#ad2a51
```
#ad2a51 rgb(173,42,81)
```

Tetradic Color

#1b6f56
```
#1b6f56 rgb(27,111,86)
```
#208466
```
#208466 rgb(32,132,102)
```
#259876
```
#259876 rgb(37,152,118)
```
#2aad86
```
#2aad86 rgb(42,173,134)
```
#2fc296
```
#2fc296 rgb(47,194,150)
```
#3bcfa3
```
#3bcfa3 rgb(59,207,163)
```
#4fd4ad
```
#4fd4ad rgb(79,212,173)
```

Monochromatic Color

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

#2aad65
```
#2aad65 rgb(42,173,101)
```
#2aad70
```
#2aad70 rgb(42,173,112)
```
#2aad7b
```
#2aad7b rgb(42,173,123)
```
#2aad86
```
#2aad86 rgb(42,173,134)
```
#2aad91
```
#2aad91 rgb(42,173,145)
```
#2aad9c
```
#2aad9c rgb(42,173,156)
```
#2aada7
```
#2aada7 rgb(42,173,167)
```

Similar Colors

Text with hexadecimal color #2aad86

This text has a font color of #2aad86.

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

#2aad86 background color

This paragraph has a background color of #2aad86.

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

#2aad86 border color

This element has a border color of #2aad86.

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

CSS codes

.text {color:#2aad86;}

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

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

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

#040f0c
```
#040f0c rgb(4,15,12)
```
#081f18
```
#081f18 rgb(8,31,24)
```
#0b2f24
```
#0b2f24 rgb(11,47,36)
```
#0f3f30
```
#0f3f30 rgb(15,63,48)
```
#134e3d
```
#134e3d rgb(19,78,61)
```
#175e49
```
#175e49 rgb(23,94,73)
```
#1b6e55
```
#1b6e55 rgb(27,110,85)
```
#1f7e61
```
#1f7e61 rgb(31,126,97)
```
#228d6e
```
#228d6e rgb(34,141,110)
```
#269d7a
```
#269d7a rgb(38,157,122)
```
#2aad86
```
#2aad86 rgb(42,173,134)
```
#2ebd92
```
#2ebd92 rgb(46,189,146)
```
#32cd9e
```
#32cd9e rgb(50,205,158)
```

Shade Color Variation

#41d1a6
```
#41d1a6 rgb(65,209,166)
```
#51d5ad
```
#51d5ad rgb(81,213,173)
```
#61d9b5
```
#61d9b5 rgb(97,217,181)
```
#70dcbc
```
#70dcbc rgb(112,220,188)
```
#80e0c4
```
#80e0c4 rgb(128,224,196)
```
#90e4cb
```
#90e4cb rgb(144,228,203)
```
#a0e8d2
```
#a0e8d2 rgb(160,232,210)
```
#afecda
```
#afecda rgb(175,236,218)
```
#bff0e1
```
#bff0e1 rgb(191,240,225)
```
#cff3e9
```
#cff3e9 rgb(207,243,233)
```
#dff7f0
```
#dff7f0 rgb(223,247,240)
```
#effbf7
```
#effbf7 rgb(239,251,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#64736f
```
#64736f rgb(100,115,111)
```
#5c7b72
```
#5c7b72 rgb(92,123,114)
```
#538475
```
#538475 rgb(83,132,117)
```
#4b8c79
```
#4b8c79 rgb(75,140,121)
```
#43947c
```
#43947c rgb(67,148,124)
```
#3b9c7f
```
#3b9c7f rgb(59,156,127)
```
#32a583
```
#32a583 rgb(50,165,131)
```
#2aad86
```
#2aad86 rgb(42,173,134)
```
#22b589
```
#22b589 rgb(34,181,137)
```
#19be8d
```
#19be8d rgb(25,190,141)
```
#11c690
```
#11c690 rgb(17,198,144)
```
#09ce93
```
#09ce93 rgb(9,206,147)
```
#01d697
```
#01d697 rgb(1,214,151)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#708a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79e83 Protanopia 1% of men
#b19994 Deuteranopia 1% of men
#4fabb7 Tritanopia 0.001% of the population

Trichromacy

#7aa384 Protanomaly 1% of men, 0.01% of women
#80a08f Deuteranomaly 6% of men, 0.4% of women
#41aba5 Tritanomaly 0.01% of the population

#2aad86 hex color

#2aad86 Color Information

#2aad86 Color Conversion

Color Schemes with #2aad86

Alternatives to #2aad86

#2aad86 Preview

Shades and Tints of #2aad86

Tones of #2aad86

Color Blindness Simulator