#2ab884 hex color

In a RGB color space, hex #2ab884 is composed of 16.5% red, 72.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 0% magenta, 28.3% yellow and 27.8% black. It has a hue angle of 158 degrees, a saturation of 62.8% and a lightness of 44.3%. #2ab884 color hex could be obtained by blending #54ffff with #007109. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 72
- B 52
RGB color chart
- C 77
- M 0
- Y 28
- K 28
CMYK color chart

● #2ab884 color description : Strong cyan - lime green.

The hexadecimal color #2ab884 has RGB values of R:42, G:184, B:132 and CMYK values of C:0.77, M:0, Y:0.28, K:0.28. Its decimal value is 2799748.

Hex triplet	2ab884	`#2ab884`
RGB Decimal	42, 184, 132	`rgb(42,184,132)`
RGB Percent	16.5, 72.2, 51.8	`rgb(16.5%,72.2%,51.8%)`
CMYK	77, 0, 28, 28
HSL	158°, 62.8, 44.3	`hsl(158,62.8%,44.3%)`
HSV (or HSB)	158°, 77.2, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.852, -48.93, 16.139
XYZ	22.258, 36.437, 27.688
xyY	0.258, 0.422, 36.437
CIE-LCH	66.852, 51.523, 161.745
CIE-LUV	66.852, -53.24, 30.176
Hunter-Lab	60.363, -39.815, 15.058
Binary	00101010, 10111000, 10000100

#2ab884
```
#2ab884 rgb(42,184,132)
```
#b82a5e
```
#b82a5e rgb(184,42,94)
```

Complementary Color

#2ab83d
```
#2ab83d rgb(42,184,61)
```
#2ab884
```
#2ab884 rgb(42,184,132)
```
#2aa5b8
```
#2aa5b8 rgb(42,165,184)
```

Analogous Color

#b83d2a
```
#b83d2a rgb(184,61,42)
```
#2ab884
```
#2ab884 rgb(42,184,132)
```
#b82aa5
```
#b82aa5 rgb(184,42,165)
```

Split Complementary Color

#b8842a
```
#b8842a rgb(184,132,42)
```
#2ab884
```
#2ab884 rgb(42,184,132)
```
#842ab8
```
#842ab8 rgb(132,42,184)
```

Triadic Color

#5eb82a
```
#5eb82a rgb(94,184,42)
```
#2ab884
```
#2ab884 rgb(42,184,132)
```
#842ab8
```
#842ab8 rgb(132,42,184)
```
#b82a5e
```
#b82a5e rgb(184,42,94)
```

Tetradic Color

#1c7a57
```
#1c7a57 rgb(28,122,87)
```
#218e66
```
#218e66 rgb(33,142,102)
```
#25a375
```
#25a375 rgb(37,163,117)
```
#2ab884
```
#2ab884 rgb(42,184,132)
```
#2fcd93
```
#2fcd93 rgb(47,205,147)
```
#41d49e
```
#41d49e rgb(65,212,158)
```
#56d8a9
```
#56d8a9 rgb(86,216,169)
```

Monochromatic Color

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

#2ab861
```
#2ab861 rgb(42,184,97)
```
#2ab86c
```
#2ab86c rgb(42,184,108)
```
#2ab878
```
#2ab878 rgb(42,184,120)
```
#2ab884
```
#2ab884 rgb(42,184,132)
```
#2ab890
```
#2ab890 rgb(42,184,144)
```
#2ab89c
```
#2ab89c rgb(42,184,156)
```
#2ab8a8
```
#2ab8a8 rgb(42,184,168)
```

Similar Colors

Text with hexadecimal color #2ab884

This text has a font color of #2ab884.

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

#2ab884 background color

This paragraph has a background color of #2ab884.

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

#2ab884 border color

This element has a border color of #2ab884.

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

CSS codes

.text {color:#2ab884;}

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

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

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

#020806
```
#020806 rgb(2,8,6)
```
#061811
```
#061811 rgb(6,24,17)
```
#09281d
```
#09281d rgb(9,40,29)
```
#0d3828
```
#0d3828 rgb(13,56,40)
```
#104834
```
#104834 rgb(16,72,52)
```
#14583f
```
#14583f rgb(20,88,63)
```
#18684b
```
#18684b rgb(24,104,75)
```
#1b7856
```
#1b7856 rgb(27,120,86)
```
#1f8862
```
#1f8862 rgb(31,136,98)
```
#23986d
```
#23986d rgb(35,152,109)
```
#26a879
```
#26a879 rgb(38,168,121)
```
#2ab884
```
#2ab884 rgb(42,184,132)
```
#2ec88f
```
#2ec88f rgb(46,200,143)
```

Shade Color Variation

#38d299
```
#38d299 rgb(56,210,153)
```
#48d5a1
```
#48d5a1 rgb(72,213,161)
```
#58d9aa
```
#58d9aa rgb(88,217,170)
```
#68dcb2
```
#68dcb2 rgb(104,220,178)
```
#78e0ba
```
#78e0ba rgb(120,224,186)
```
#88e4c2
```
#88e4c2 rgb(136,228,194)
```
#98e7ca
```
#98e7ca rgb(152,231,202)
```
#a8ebd2
```
#a8ebd2 rgb(168,235,210)
```
#b7efda
```
#b7efda rgb(183,239,218)
```
#c7f2e3
```
#c7f2e3 rgb(199,242,227)
```
#d7f6eb
```
#d7f6eb rgb(215,246,235)
```
#e7faf3
```
#e7faf3 rgb(231,250,243)
```
#f7fdfb
```
#f7fdfb rgb(247,253,251)
```

Tint Color Variation

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

#707271
```
#707271 rgb(112,114,113)
```
#677b74
```
#677b74 rgb(103,123,116)
```
#5e8476
```
#5e8476 rgb(94,132,118)
```
#558d78
```
#558d78 rgb(85,141,120)
```
#4d957b
```
#4d957b rgb(77,149,123)
```
#449e7d
```
#449e7d rgb(68,158,125)
```
#3ba77f
```
#3ba77f rgb(59,167,127)
```
#33af82
```
#33af82 rgb(51,175,130)
```
#2ab884
```
#2ab884 rgb(42,184,132)
```
#21c186
```
#21c186 rgb(33,193,134)
```
#19c989
```
#19c989 rgb(25,201,137)
```
#10d28b
```
#10d28b rgb(16,210,139)
```
#07db8d
```
#07db8d rgb(7,219,141)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#759287 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a781 Protanopia 1% of men
#bea193 Deuteranopia 1% of men
#55b4c1 Tritanopia 0.001% of the population

Trichromacy

#80ad82 Protanomaly 1% of men, 0.01% of women
#88a98d Deuteranomaly 6% of men, 0.4% of women
#45b5ab Tritanomaly 0.01% of the population

#2ab884 hex color

#2ab884 Color Information

#2ab884 Color Conversion

Color Schemes with #2ab884

Alternatives to #2ab884

#2ab884 Preview

Shades and Tints of #2ab884

Tones of #2ab884

Color Blindness Simulator