#2abb71 hex color

In a RGB color space, hex #2abb71 is composed of 16.5% red, 73.3% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 0% magenta, 39.6% yellow and 26.7% black. It has a hue angle of 149.4 degrees, a saturation of 63.3% and a lightness of 44.9%. #2abb71 color hex could be obtained by blending #54ffe2 with #007700. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 16
- G 73
- B 44
RGB color chart
- C 78
- M 0
- Y 40
- K 27
CMYK color chart

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

The hexadecimal color #2abb71 has RGB values of R:42, G:187, B:113 and CMYK values of C:0.78, M:0, Y:0.4, K:0.27. Its decimal value is 2800497.

Hex triplet	2abb71	`#2abb71`
RGB Decimal	42, 187, 113	`rgb(42,187,113)`
RGB Percent	16.5, 73.3, 44.3	`rgb(16.5%,73.3%,44.3%)`
CMYK	78, 0, 40, 27
HSL	149.4°, 63.3, 44.9	`hsl(149.4,63.3%,44.9%)`
HSV (or HSB)	149.4°, 77.5, 73.3
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.444, -54.059, 27.112
XYZ	21.704, 37.223, 21.663
xyY	0.269, 0.462, 37.223
CIE-LCH	67.444, 60.477, 153.365
CIE-LUV	67.444, -55.454, 44.737
Hunter-Lab	61.011, -43.268, 21.656
Binary	00101010, 10111011, 01110001

#2abb71
```
#2abb71 rgb(42,187,113)
```
#bb2a74
```
#bb2a74 rgb(187,42,116)
```

Complementary Color

#2cbb2a
```
#2cbb2a rgb(44,187,42)
```
#2abb71
```
#2abb71 rgb(42,187,113)
```
#2abbba
```
#2abbba rgb(42,187,186)
```

Analogous Color

#bb2a2c
```
#bb2a2c rgb(187,42,44)
```
#2abb71
```
#2abb71 rgb(42,187,113)
```
#ba2abb
```
#ba2abb rgb(186,42,187)
```

Split Complementary Color

#bb712a
```
#bb712a rgb(187,113,42)
```
#2abb71
```
#2abb71 rgb(42,187,113)
```
#712abb
```
#712abb rgb(113,42,187)
```

Triadic Color

#74bb2a
```
#74bb2a rgb(116,187,42)
```
#2abb71
```
#2abb71 rgb(42,187,113)
```
#712abb
```
#712abb rgb(113,42,187)
```
#bb2a74
```
#bb2a74 rgb(187,42,116)
```

Tetradic Color

#1c7d4b
```
#1c7d4b rgb(28,125,75)
```
#219158
```
#219158 rgb(33,145,88)
```
#25a664
```
#25a664 rgb(37,166,100)
```
#2abb71
```
#2abb71 rgb(42,187,113)
```
#2fd07e
```
#2fd07e rgb(47,208,126)
```
#43d58a
```
#43d58a rgb(67,213,138)
```
#58d997
```
#58d997 rgb(88,217,151)
```

Monochromatic Color

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

#2abb4d
```
#2abb4d rgb(42,187,77)
```
#2abb59
```
#2abb59 rgb(42,187,89)
```
#2abb65
```
#2abb65 rgb(42,187,101)
```
#2abb71
```
#2abb71 rgb(42,187,113)
```
#2abb7d
```
#2abb7d rgb(42,187,125)
```
#2abb89
```
#2abb89 rgb(42,187,137)
```
#2abb95
```
#2abb95 rgb(42,187,149)
```

Similar Colors

Text with hexadecimal color #2abb71

This text has a font color of #2abb71.

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

#2abb71 background color

This paragraph has a background color of #2abb71.

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

#2abb71 border color

This element has a border color of #2abb71.

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

CSS codes

.text {color:#2abb71;}

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

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

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

#020b07
```
#020b07 rgb(2,11,7)
```
#061b10
```
#061b10 rgb(6,27,16)
```
#0a2b1a
```
#0a2b1a rgb(10,43,26)
```
#0d3b24
```
#0d3b24 rgb(13,59,36)
```
#114b2d
```
#114b2d rgb(17,75,45)
```
#145b37
```
#145b37 rgb(20,91,55)
```
#186b41
```
#186b41 rgb(24,107,65)
```
#1c7b4a
```
#1c7b4a rgb(28,123,74)
```
#1f8b54
```
#1f8b54 rgb(31,139,84)
```
#239b5e
```
#239b5e rgb(35,155,94)
```
#26ab67
```
#26ab67 rgb(38,171,103)
```
#2abb71
```
#2abb71 rgb(42,187,113)
```
#2ecb7b
```
#2ecb7b rgb(46,203,123)
```

Shade Color Variation

#3ad385
```
#3ad385 rgb(58,211,133)
```
#4ad68e
```
#4ad68e rgb(74,214,142)
```
#5ada98
```
#5ada98 rgb(90,218,152)
```
#6adda2
```
#6adda2 rgb(106,221,162)
```
#7ae1ac
```
#7ae1ac rgb(122,225,172)
```
#8ae5b6
```
#8ae5b6 rgb(138,229,182)
```
#9ae8c0
```
#9ae8c0 rgb(154,232,192)
```
#aaecca
```
#aaecca rgb(170,236,202)
```
#baefd4
```
#baefd4 rgb(186,239,212)
```
#caf3de
```
#caf3de rgb(202,243,222)
```
#daf7e8
```
#daf7e8 rgb(218,247,232)
```
#eafaf2
```
#eafaf2 rgb(234,250,242)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Tint Color Variation

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

#707572
```
#707572 rgb(112,117,114)
```
#687d72
```
#687d72 rgb(104,125,114)
```
#5f8672
```
#5f8672 rgb(95,134,114)
```
#568f72
```
#568f72 rgb(86,143,114)
```
#4d9872
```
#4d9872 rgb(77,152,114)
```
#44a172
```
#44a172 rgb(68,161,114)
```
#3ca971
```
#3ca971 rgb(60,169,113)
```
#33b271
```
#33b271 rgb(51,178,113)
```
#2abb71
```
#2abb71 rgb(42,187,113)
```
#21c471
```
#21c471 rgb(33,196,113)
```
#18cd71
```
#18cd71 rgb(24,205,113)
```
#10d570
```
#10d570 rgb(16,213,112)
```
#07de70
```
#07de70 rgb(7,222,112)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#749183 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a870 Protanopia 1% of men
#c5a282 Deuteranopia 1% of men
#5bb5c2 Tritanopia 0.001% of the population

Trichromacy

#83af70 Protanomaly 1% of men, 0.01% of women
#8dab7b Deuteranomaly 6% of men, 0.4% of women
#49b7a5 Tritanomaly 0.01% of the population

#2abb71 hex color

#2abb71 Color Information

#2abb71 Color Conversion

Color Schemes with #2abb71

Alternatives to #2abb71

#2abb71 Preview

Shades and Tints of #2abb71

Tones of #2abb71

Color Blindness Simulator