#2abb72 hex color

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

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

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

The hexadecimal color #2abb72 has RGB values of R:42, G:187, B:114 and CMYK values of C:0.78, M:0, Y:0.39, K:0.27. Its decimal value is 2800498.

Hex triplet	2abb72	`#2abb72`
RGB Decimal	42, 187, 114	`rgb(42,187,114)`
RGB Percent	16.5, 73.3, 44.7	`rgb(16.5%,73.3%,44.7%)`
CMYK	78, 0, 39, 27
HSL	149.8°, 63.3, 44.9	`hsl(149.8,63.3%,44.9%)`
HSV (or HSB)	149.8°, 77.5, 73.3
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.461, -53.867, 26.608
XYZ	21.761, 37.246, 21.961
xyY	0.269, 0.46, 37.246
CIE-LCH	67.461, 60.08, 153.712
CIE-LUV	67.461, -55.396, 44.115
Hunter-Lab	61.029, -43.154, 21.385
Binary	00101010, 10111011, 01110010

#2abb72
```
#2abb72 rgb(42,187,114)
```
#bb2a73
```
#bb2a73 rgb(187,42,115)
```

Complementary Color

#2bbb2a
```
#2bbb2a rgb(43,187,42)
```
#2abb72
```
#2abb72 rgb(42,187,114)
```
#2abbbb
```
#2abbbb rgb(42,187,187)
```

Analogous Color

#bb2a2b
```
#bb2a2b rgb(187,42,43)
```
#2abb72
```
#2abb72 rgb(42,187,114)
```
#bb2abb
```
#bb2abb rgb(187,42,187)
```

Split Complementary Color

#bb722a
```
#bb722a rgb(187,114,42)
```
#2abb72
```
#2abb72 rgb(42,187,114)
```
#722abb
```
#722abb rgb(114,42,187)
```

Triadic Color

#73bb2a
```
#73bb2a rgb(115,187,42)
```
#2abb72
```
#2abb72 rgb(42,187,114)
```
#722abb
```
#722abb rgb(114,42,187)
```
#bb2a73
```
#bb2a73 rgb(187,42,115)
```

Tetradic Color

#1c7d4c
```
#1c7d4c rgb(28,125,76)
```
#219159
```
#219159 rgb(33,145,89)
```
#25a665
```
#25a665 rgb(37,166,101)
```
#2abb72
```
#2abb72 rgb(42,187,114)
```
#2fd07f
```
#2fd07f rgb(47,208,127)
```
#43d58b
```
#43d58b rgb(67,213,139)
```
#58d998
```
#58d998 rgb(88,217,152)
```

Monochromatic Color

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

#2abb4e
```
#2abb4e rgb(42,187,78)
```
#2abb5a
```
#2abb5a rgb(42,187,90)
```
#2abb66
```
#2abb66 rgb(42,187,102)
```
#2abb72
```
#2abb72 rgb(42,187,114)
```
#2abb7e
```
#2abb7e rgb(42,187,126)
```
#2abb8a
```
#2abb8a rgb(42,187,138)
```
#2abb96
```
#2abb96 rgb(42,187,150)
```

Similar Colors

Text with hexadecimal color #2abb72

This text has a font color of #2abb72.

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

#2abb72 background color

This paragraph has a background color of #2abb72.

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

#2abb72 border color

This element has a border color of #2abb72.

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

CSS codes

.text {color:#2abb72;}

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

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

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)
```
#114b2e
```
#114b2e rgb(17,75,46)
```
#145b37
```
#145b37 rgb(20,91,55)
```
#186b41
```
#186b41 rgb(24,107,65)
```
#1c7b4b
```
#1c7b4b rgb(28,123,75)
```
#1f8b55
```
#1f8b55 rgb(31,139,85)
```
#239b5e
```
#239b5e rgb(35,155,94)
```
#26ab68
```
#26ab68 rgb(38,171,104)
```
#2abb72
```
#2abb72 rgb(42,187,114)
```
#2ecb7c
```
#2ecb7c rgb(46,203,124)
```

Shade Color Variation

#3ad386
```
#3ad386 rgb(58,211,134)
```
#4ad68f
```
#4ad68f rgb(74,214,143)
```
#5ada99
```
#5ada99 rgb(90,218,153)
```
#6adda3
```
#6adda3 rgb(106,221,163)
```
#7ae1ad
```
#7ae1ad rgb(122,225,173)
```
#8ae5b7
```
#8ae5b7 rgb(138,229,183)
```
#9ae8c1
```
#9ae8c1 rgb(154,232,193)
```
#aaeccb
```
#aaeccb rgb(170,236,203)
```
#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 #07de72 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)
```
#3ca972
```
#3ca972 rgb(60,169,114)
```
#33b272
```
#33b272 rgb(51,178,114)
```
#2abb72
```
#2abb72 rgb(42,187,114)
```
#21c472
```
#21c472 rgb(33,196,114)
```
#18cd72
```
#18cd72 rgb(24,205,114)
```
#10d572
```
#10d572 rgb(16,213,114)
```
#07de72
```
#07de72 rgb(7,222,114)
```

Tone Color Variation

Below, you can see how #2abb72 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
#c5a283 Deuteranopia 1% of men
#5bb5c2 Tritanopia 0.001% of the population

Trichromacy

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

#2abb72 hex color

#2abb72 Color Information

#2abb72 Color Conversion

Color Schemes with #2abb72

Alternatives to #2abb72

#2abb72 Preview

Shades and Tints of #2abb72

Tones of #2abb72

Color Blindness Simulator