#2abb8f hex color

In a RGB color space, hex #2abb8f is composed of 16.5% red, 73.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 0% magenta, 23.5% yellow and 26.7% black. It has a hue angle of 161.8 degrees, a saturation of 63.3% and a lightness of 44.9%. #2abb8f color hex could be obtained by blending #54ffff with #00771f. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #2abb8f has RGB values of R:42, G:187, B:143 and CMYK values of C:0.78, M:0, Y:0.24, K:0.27. Its decimal value is 2800527.

Hex triplet	2abb8f	`#2abb8f`
RGB Decimal	42, 187, 143	`rgb(42,187,143)`
RGB Percent	16.5, 73.3, 56.1	`rgb(16.5%,73.3%,56.1%)`
CMYK	78, 0, 24, 27
HSL	161.8°, 63.3, 44.9	`hsl(161.8,63.3%,44.9%)`
HSV (or HSB)	161.8°, 77.5, 73.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.031, -47.578, 11.806
XYZ	23.681, 38.014, 32.074
xyY	0.253, 0.405, 38.014
CIE-LCH	68.031, 49.021, 166.064
CIE-LUV	68.031, -53.577, 24.246
Hunter-Lab	61.655, -39.337, 12.315
Binary	00101010, 10111011, 10001111

#2abb8f
```
#2abb8f rgb(42,187,143)
```
#bb2a56
```
#bb2a56 rgb(187,42,86)
```

Complementary Color

#2abb46
```
#2abb46 rgb(42,187,70)
```
#2abb8f
```
#2abb8f rgb(42,187,143)
```
#2a9fbb
```
#2a9fbb rgb(42,159,187)
```

Analogous Color

#bb462a
```
#bb462a rgb(187,70,42)
```
#2abb8f
```
#2abb8f rgb(42,187,143)
```
#bb2a9f
```
#bb2a9f rgb(187,42,159)
```

Split Complementary Color

#bb8f2a
```
#bb8f2a rgb(187,143,42)
```
#2abb8f
```
#2abb8f rgb(42,187,143)
```
#8f2abb
```
#8f2abb rgb(143,42,187)
```

Triadic Color

#56bb2a
```
#56bb2a rgb(86,187,42)
```
#2abb8f
```
#2abb8f rgb(42,187,143)
```
#8f2abb
```
#8f2abb rgb(143,42,187)
```
#bb2a56
```
#bb2a56 rgb(187,42,86)
```

Tetradic Color

#1c7d5f
```
#1c7d5f rgb(28,125,95)
```
#21916f
```
#21916f rgb(33,145,111)
```
#25a67f
```
#25a67f rgb(37,166,127)
```
#2abb8f
```
#2abb8f rgb(42,187,143)
```
#2fd09f
```
#2fd09f rgb(47,208,159)
```
#43d5a9
```
#43d5a9 rgb(67,213,169)
```
#58d9b2
```
#58d9b2 rgb(88,217,178)
```

Monochromatic Color

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

#2abb6b
```
#2abb6b rgb(42,187,107)
```
#2abb77
```
#2abb77 rgb(42,187,119)
```
#2abb83
```
#2abb83 rgb(42,187,131)
```
#2abb8f
```
#2abb8f rgb(42,187,143)
```
#2abb9b
```
#2abb9b rgb(42,187,155)
```
#2abba7
```
#2abba7 rgb(42,187,167)
```
#2abbb3
```
#2abbb3 rgb(42,187,179)
```

Similar Colors

Text with hexadecimal color #2abb8f

This text has a font color of #2abb8f.

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

#2abb8f background color

This paragraph has a background color of #2abb8f.

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

#2abb8f border color

This element has a border color of #2abb8f.

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

CSS codes

.text {color:#2abb8f;}

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

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

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

#020b08
```
#020b08 rgb(2,11,8)
```
#061b15
```
#061b15 rgb(6,27,21)
```
#0a2b21
```
#0a2b21 rgb(10,43,33)
```
#0d3b2d
```
#0d3b2d rgb(13,59,45)
```
#114b39
```
#114b39 rgb(17,75,57)
```
#145b46
```
#145b46 rgb(20,91,70)
```
#186b52
```
#186b52 rgb(24,107,82)
```
#1c7b5e
```
#1c7b5e rgb(28,123,94)
```
#1f8b6a
```
#1f8b6a rgb(31,139,106)
```
#239b77
```
#239b77 rgb(35,155,119)
```
#26ab83
```
#26ab83 rgb(38,171,131)
```
#2abb8f
```
#2abb8f rgb(42,187,143)
```
#2ecb9b
```
#2ecb9b rgb(46,203,155)
```

Shade Color Variation

#3ad3a4
```
#3ad3a4 rgb(58,211,164)
```
#4ad6ac
```
#4ad6ac rgb(74,214,172)
```
#5adab3
```
#5adab3 rgb(90,218,179)
```
#6addba
```
#6addba rgb(106,221,186)
```
#7ae1c2
```
#7ae1c2 rgb(122,225,194)
```
#8ae5c9
```
#8ae5c9 rgb(138,229,201)
```
#9ae8d0
```
#9ae8d0 rgb(154,232,208)
```
#aaecd8
```
#aaecd8 rgb(170,236,216)
```
#baefdf
```
#baefdf rgb(186,239,223)
```
#caf3e7
```
#caf3e7 rgb(202,243,231)
```
#daf7ee
```
#daf7ee rgb(218,247,238)
```
#eafaf5
```
#eafaf5 rgb(234,250,245)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#707573
```
#707573 rgb(112,117,115)
```
#687d77
```
#687d77 rgb(104,125,119)
```
#5f867a
```
#5f867a rgb(95,134,122)
```
#568f7e
```
#568f7e rgb(86,143,126)
```
#4d9881
```
#4d9881 rgb(77,152,129)
```
#44a185
```
#44a185 rgb(68,161,133)
```
#3ca988
```
#3ca988 rgb(60,169,136)
```
#33b28c
```
#33b28c rgb(51,178,140)
```
#2abb8f
```
#2abb8f rgb(42,187,143)
```
#21c492
```
#21c492 rgb(33,196,146)
```
#18cd96
```
#18cd96 rgb(24,205,150)
```
#10d599
```
#10d599 rgb(16,213,153)
```
#07de9d
```
#07de9d rgb(7,222,157)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#78958c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4aa8b Protanopia 1% of men
#bfa49d Deuteranopia 1% of men
#54b7c5 Tritanopia 0.001% of the population

Trichromacy

#82b08c Protanomaly 1% of men, 0.01% of women
#88ac98 Deuteranomaly 6% of men, 0.4% of women
#44b9b1 Tritanomaly 0.01% of the population

#2abb8f hex color

#2abb8f Color Information

#2abb8f Color Conversion

Color Schemes with #2abb8f

Alternatives to #2abb8f

#2abb8f Preview

Shades and Tints of #2abb8f

Tones of #2abb8f

Color Blindness Simulator