#2abd97 hex color

In a RGB color space, hex #2abd97 is composed of 16.5% red, 74.1% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 0% magenta, 20.1% yellow and 25.9% black. It has a hue angle of 164.5 degrees, a saturation of 63.6% and a lightness of 45.3%. #2abd97 color hex could be obtained by blending #54ffff with #007b2f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 74
- B 59
RGB color chart
- C 78
- M 0
- Y 20
- K 26
CMYK color chart

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

The hexadecimal color #2abd97 has RGB values of R:42, G:189, B:151 and CMYK values of C:0.78, M:0, Y:0.2, K:0.26. Its decimal value is 2801047.

Hex triplet	2abd97	`#2abd97`
RGB Decimal	42, 189, 151	`rgb(42,189,151)`
RGB Percent	16.5, 74.1, 59.2	`rgb(16.5%,74.1%,59.2%)`
CMYK	78, 0, 20, 26
HSL	164.5°, 63.6, 45.3	`hsl(164.5,63.6%,45.3%)`
HSV (or HSB)	164.5°, 77.8, 74.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.838, -46.451, 8.588
XYZ	24.736, 39.119, 35.524
xyY	0.249, 0.394, 39.119
CIE-LCH	68.838, 47.238, 169.525
CIE-LUV	68.838, -53.74, 19.644
Hunter-Lab	62.545, -38.859, 10.107
Binary	00101010, 10111101, 10010111

#2abd97
```
#2abd97 rgb(42,189,151)
```
#bd2a50
```
#bd2a50 rgb(189,42,80)
```

Complementary Color

#2abd4e
```
#2abd4e rgb(42,189,78)
```
#2abd97
```
#2abd97 rgb(42,189,151)
```
#2a9abd
```
#2a9abd rgb(42,154,189)
```

Analogous Color

#bd4d2a
```
#bd4d2a rgb(189,77,42)
```
#2abd97
```
#2abd97 rgb(42,189,151)
```
#bd2a9a
```
#bd2a9a rgb(189,42,154)
```

Split Complementary Color

#bd972a
```
#bd972a rgb(189,151,42)
```
#2abd97
```
#2abd97 rgb(42,189,151)
```
#972abd
```
#972abd rgb(151,42,189)
```

Triadic Color

#50bd2a
```
#50bd2a rgb(80,189,42)
```
#2abd97
```
#2abd97 rgb(42,189,151)
```
#972abd
```
#972abd rgb(151,42,189)
```
#bd2a50
```
#bd2a50 rgb(189,42,80)
```

Tetradic Color

#1c7e65
```
#1c7e65 rgb(28,126,101)
```
#219376
```
#219376 rgb(33,147,118)
```
#25a886
```
#25a886 rgb(37,168,134)
```
#2abd97
```
#2abd97 rgb(42,189,151)
```
#30d1a7
```
#30d1a7 rgb(48,209,167)
```
#44d6b0
```
#44d6b0 rgb(68,214,176)
```
#59dab9
```
#59dab9 rgb(89,218,185)
```

Monochromatic Color

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

#2abd72
```
#2abd72 rgb(42,189,114)
```
#2abd7f
```
#2abd7f rgb(42,189,127)
```
#2abd8b
```
#2abd8b rgb(42,189,139)
```
#2abd97
```
#2abd97 rgb(42,189,151)
```
#2abda3
```
#2abda3 rgb(42,189,163)
```
#2abdb0
```
#2abdb0 rgb(42,189,176)
```
#2abdbc
```
#2abdbc rgb(42,189,188)
```

Similar Colors

Text with hexadecimal color #2abd97

This text has a font color of #2abd97.

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

#2abd97 background color

This paragraph has a background color of #2abd97.

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

#2abd97 border color

This element has a border color of #2abd97.

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

CSS codes

.text {color:#2abd97;}

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

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

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, #030c0a is the darkest color, while #fbfefd is the lightest one.

#030c0a
```
#030c0a rgb(3,12,10)
```
#061d17
```
#061d17 rgb(6,29,23)
```
#0a2d24
```
#0a2d24 rgb(10,45,36)
```
#0d3d30
```
#0d3d30 rgb(13,61,48)
```
#114d3d
```
#114d3d rgb(17,77,61)
```
#155d4a
```
#155d4a rgb(21,93,74)
```
#186d57
```
#186d57 rgb(24,109,87)
```
#1c7d64
```
#1c7d64 rgb(28,125,100)
```
#1f8d71
```
#1f8d71 rgb(31,141,113)
```
#239d7d
```
#239d7d rgb(35,157,125)
```
#26ad8a
```
#26ad8a rgb(38,173,138)
```
#2abd97
```
#2abd97 rgb(42,189,151)
```
#2ecda4
```
#2ecda4 rgb(46,205,164)
```

Shade Color Variation

#3bd3ac
```
#3bd3ac rgb(59,211,172)
```
#4bd7b3
```
#4bd7b3 rgb(75,215,179)
```
#5bdbba
```
#5bdbba rgb(91,219,186)
```
#6bdec0
```
#6bdec0 rgb(107,222,192)
```
#7be2c7
```
#7be2c7 rgb(123,226,199)
```
#8be5ce
```
#8be5ce rgb(139,229,206)
```
#9be9d5
```
#9be9d5 rgb(155,233,213)
```
#abecdc
```
#abecdc rgb(171,236,220)
```
#bbf0e2
```
#bbf0e2 rgb(187,240,226)
```
#cbf4e9
```
#cbf4e9 rgb(203,244,233)
```
#dbf7f0
```
#dbf7f0 rgb(219,247,240)
```
#ebfbf7
```
#ebfbf7 rgb(235,251,247)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#717675
```
#717675 rgb(113,118,117)
```
#687f79
```
#687f79 rgb(104,127,121)
```
#5f887d
```
#5f887d rgb(95,136,125)
```
#569182
```
#569182 rgb(86,145,130)
```
#4e9986
```
#4e9986 rgb(78,153,134)
```
#45a28a
```
#45a28a rgb(69,162,138)
```
#3cab8e
```
#3cab8e rgb(60,171,142)
```
#33b493
```
#33b493 rgb(51,180,147)
```
#2abd97
```
#2abd97 rgb(42,189,151)
```
#21c69b
```
#21c69b rgb(33,198,155)
```
#18cfa0
```
#18cfa0 rgb(24,207,160)
```
#0fd8a4
```
#0fd8a4 rgb(15,216,164)
```
#06e1a8
```
#06e1a8 rgb(6,225,168)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#79978f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5ac92 Protanopia 1% of men
#bfa7a5 Deuteranopia 1% of men
#52bac7 Tritanopia 0.001% of the population

Trichromacy

#82b294 Protanomaly 1% of men, 0.01% of women
#88afa0 Deuteranomaly 6% of men, 0.4% of women
#43bbb6 Tritanomaly 0.01% of the population

#2abd97 hex color

#2abd97 Color Information

#2abd97 Color Conversion

Color Schemes with #2abd97

Alternatives to #2abd97

#2abd97 Preview

Shades and Tints of #2abd97

Tones of #2abd97

Color Blindness Simulator