#2ab158 hex color

In a RGB color space, hex #2ab158 is composed of 16.5% red, 69.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 0% magenta, 50.3% yellow and 30.6% black. It has a hue angle of 140.4 degrees, a saturation of 61.6% and a lightness of 42.9%. #2ab158 color hex could be obtained by blending #54ffb0 with #006300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 16
- G 69
- B 35
RGB color chart
- C 76
- M 0
- Y 50
- K 31
CMYK color chart

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

The hexadecimal color #2ab158 has RGB values of R:42, G:177, B:88 and CMYK values of C:0.76, M:0, Y:0.5, K:0.31. Its decimal value is 2797912.

Hex triplet	2ab158	`#2ab158`
RGB Decimal	42, 177, 88	`rgb(42,177,88)`
RGB Percent	16.5, 69.4, 34.5	`rgb(16.5%,69.4%,34.5%)`
CMYK	76, 0, 50, 31
HSL	140.4°, 61.6, 42.9	`hsl(140.4,61.6%,42.9%)`
HSV (or HSB)	140.4°, 76.3, 69.4
Web Safe	339966	`#339966`

CIE-LAB	63.868, -54.819, 35.429
XYZ	18.437, 32.639, 14.56
xyY	0.281, 0.497, 32.639
CIE-LCH	63.868, 65.271, 147.126
CIE-LUV	63.868, -53.276, 53.228
Hunter-Lab	57.131, -42.373, 24.881
Binary	00101010, 10110001, 01011000

#2ab158
```
#2ab158 rgb(42,177,88)
```
#b12a83
```
#b12a83 rgb(177,42,131)
```

Complementary Color

#40b12a
```
#40b12a rgb(64,177,42)
```
#2ab158
```
#2ab158 rgb(42,177,88)
```
#2ab19c
```
#2ab19c rgb(42,177,156)
```

Analogous Color

#b12a40
```
#b12a40 rgb(177,42,64)
```
#2ab158
```
#2ab158 rgb(42,177,88)
```
#9c2ab1
```
#9c2ab1 rgb(156,42,177)
```

Split Complementary Color

#b1582a
```
#b1582a rgb(177,88,42)
```
#2ab158
```
#2ab158 rgb(42,177,88)
```
#582ab1
```
#582ab1 rgb(88,42,177)
```

Triadic Color

#83b12a
```
#83b12a rgb(131,177,42)
```
#2ab158
```
#2ab158 rgb(42,177,88)
```
#582ab1
```
#582ab1 rgb(88,42,177)
```
#b12a83
```
#b12a83 rgb(177,42,131)
```

Tetradic Color

#1b7339
```
#1b7339 rgb(27,115,57)
```
#208844
```
#208844 rgb(32,136,68)
```
#259c4e
```
#259c4e rgb(37,156,78)
```
#2ab158
```
#2ab158 rgb(42,177,88)
```
#2fc662
```
#2fc662 rgb(47,198,98)
```
#3dd16f
```
#3dd16f rgb(61,209,111)
```
#52d67f
```
#52d67f rgb(82,214,127)
```

Monochromatic Color

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

#2ab136
```
#2ab136 rgb(42,177,54)
```
#2ab142
```
#2ab142 rgb(42,177,66)
```
#2ab14d
```
#2ab14d rgb(42,177,77)
```
#2ab158
```
#2ab158 rgb(42,177,88)
```
#2ab163
```
#2ab163 rgb(42,177,99)
```
#2ab16f
```
#2ab16f rgb(42,177,111)
```
#2ab17a
```
#2ab17a rgb(42,177,122)
```

Similar Colors

Text with hexadecimal color #2ab158

This text has a font color of #2ab158.

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

#2ab158 background color

This paragraph has a background color of #2ab158.

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

#2ab158 border color

This element has a border color of #2ab158.

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

CSS codes

.text {color:#2ab158;}

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

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

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

#010301
```
#010301 rgb(1,3,1)
```
#041209
```
#041209 rgb(4,18,9)
```
#082211
```
#082211 rgb(8,34,17)
```
#0c3219
```
#0c3219 rgb(12,50,25)
```
#104221
```
#104221 rgb(16,66,33)
```
#135229
```
#135229 rgb(19,82,41)
```
#176231
```
#176231 rgb(23,98,49)
```
#1b7238
```
#1b7238 rgb(27,114,56)
```
#1f8140
```
#1f8140 rgb(31,129,64)
```
#229148
```
#229148 rgb(34,145,72)
```
#26a150
```
#26a150 rgb(38,161,80)
```
#2ab158
```
#2ab158 rgb(42,177,88)
```
#2ec160
```
#2ec160 rgb(46,193,96)
```

Shade Color Variation

#34cf68
```
#34cf68 rgb(52,207,104)
```
#43d274
```
#43d274 rgb(67,210,116)
```
#53d680
```
#53d680 rgb(83,214,128)
```
#63da8c
```
#63da8c rgb(99,218,140)
```
#73de97
```
#73de97 rgb(115,222,151)
```
#83e2a3
```
#83e2a3 rgb(131,226,163)
```
#93e5af
```
#93e5af rgb(147,229,175)
```
#a2e9bb
```
#a2e9bb rgb(162,233,187)
```
#b2edc6
```
#b2edc6 rgb(178,237,198)
```
#c2f1d2
```
#c2f1d2 rgb(194,241,210)
```
#d2f4de
```
#d2f4de rgb(210,244,222)
```
#e2f8e9
```
#e2f8e9 rgb(226,248,233)
```
#f2fcf5
```
#f2fcf5 rgb(242,252,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6e6d is the less saturated color, while #08d34d is the most saturated one.

#6d6e6d
```
#6d6e6d rgb(109,110,109)
```
#65766b
```
#65766b rgb(101,118,107)
```
#5d7e68
```
#5d7e68 rgb(93,126,104)
```
#548765
```
#548765 rgb(84,135,101)
```
#4c8f63
```
#4c8f63 rgb(76,143,99)
```
#439860
```
#439860 rgb(67,152,96)
```
#3ba05d
```
#3ba05d rgb(59,160,93)
```
#32a95b
```
#32a95b rgb(50,169,91)
```
#2ab158
```
#2ab158 rgb(42,177,88)
```
#22b955
```
#22b955 rgb(34,185,85)
```
#19c253
```
#19c253 rgb(25,194,83)
```
#11ca50
```
#11ca50 rgb(17,202,80)
```
#08d34d
```
#08d34d rgb(8,211,77)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6d8876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa059 Protanopia 1% of men
#bf996a Deuteranopia 1% of men
#5babb7 Tritanopia 0.001% of the population

Trichromacy

#7ea658 Protanomaly 1% of men, 0.01% of women
#88a163 Deuteranomaly 6% of men, 0.4% of women
#49ad94 Tritanomaly 0.01% of the population

#2ab158 hex color

#2ab158 Color Information

#2ab158 Color Conversion

Color Schemes with #2ab158

Alternatives to #2ab158

#2ab158 Preview

Shades and Tints of #2ab158

Tones of #2ab158

Color Blindness Simulator