#2abd96 hex color

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

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

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

The hexadecimal color #2abd96 has RGB values of R:42, G:189, B:150 and CMYK values of C:0.78, M:0, Y:0.21, K:0.26. Its decimal value is 2801046.

Hex triplet	2abd96	`#2abd96`
RGB Decimal	42, 189, 150	`rgb(42,189,150)`
RGB Percent	16.5, 74.1, 58.8	`rgb(16.5%,74.1%,58.8%)`
CMYK	78, 0, 21, 26
HSL	164.1°, 63.6, 45.3	`hsl(164.1,63.6%,45.3%)`
HSV (or HSB)	164.1°, 77.8, 74.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.814, -46.698, 9.1
XYZ	24.655, 39.087, 35.098
xyY	0.249, 0.395, 39.087
CIE-LCH	68.814, 47.577, 168.973
CIE-LUV	68.814, -53.808, 20.403
Hunter-Lab	62.52, -39.016, 10.479
Binary	00101010, 10111101, 10010110

#2abd96
```
#2abd96 rgb(42,189,150)
```
#bd2a51
```
#bd2a51 rgb(189,42,81)
```

Complementary Color

#2abd4d
```
#2abd4d rgb(42,189,77)
```
#2abd96
```
#2abd96 rgb(42,189,150)
```
#2a9bbd
```
#2a9bbd rgb(42,155,189)
```

Analogous Color

#bd4d2a
```
#bd4d2a rgb(189,77,42)
```
#2abd96
```
#2abd96 rgb(42,189,150)
```
#bd2a9b
```
#bd2a9b rgb(189,42,155)
```

Split Complementary Color

#bd962a
```
#bd962a rgb(189,150,42)
```
#2abd96
```
#2abd96 rgb(42,189,150)
```
#962abd
```
#962abd rgb(150,42,189)
```

Triadic Color

#51bd2a
```
#51bd2a rgb(81,189,42)
```
#2abd96
```
#2abd96 rgb(42,189,150)
```
#962abd
```
#962abd rgb(150,42,189)
```
#bd2a51
```
#bd2a51 rgb(189,42,81)
```

Tetradic Color

#1c7e64
```
#1c7e64 rgb(28,126,100)
```
#219375
```
#219375 rgb(33,147,117)
```
#25a885
```
#25a885 rgb(37,168,133)
```
#2abd96
```
#2abd96 rgb(42,189,150)
```
#30d1a6
```
#30d1a6 rgb(48,209,166)
```
#44d6af
```
#44d6af rgb(68,214,175)
```
#59dab8
```
#59dab8 rgb(89,218,184)
```

Monochromatic Color

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

#2abd71
```
#2abd71 rgb(42,189,113)
```
#2abd7e
```
#2abd7e rgb(42,189,126)
```
#2abd8a
```
#2abd8a rgb(42,189,138)
```
#2abd96
```
#2abd96 rgb(42,189,150)
```
#2abda2
```
#2abda2 rgb(42,189,162)
```
#2abdaf
```
#2abdaf rgb(42,189,175)
```
#2abdbb
```
#2abdbb rgb(42,189,187)
```

Similar Colors

Text with hexadecimal color #2abd96

This text has a font color of #2abd96.

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

#2abd96 background color

This paragraph has a background color of #2abd96.

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

#2abd96 border color

This element has a border color of #2abd96.

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

CSS codes

.text {color:#2abd96;}

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

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

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)
```
#0a2d23
```
#0a2d23 rgb(10,45,35)
```
#0d3d30
```
#0d3d30 rgb(13,61,48)
```
#114d3d
```
#114d3d rgb(17,77,61)
```
#155d4a
```
#155d4a rgb(21,93,74)
```
#186d56
```
#186d56 rgb(24,109,86)
```
#1c7d63
```
#1c7d63 rgb(28,125,99)
```
#1f8d70
```
#1f8d70 rgb(31,141,112)
```
#239d7d
```
#239d7d rgb(35,157,125)
```
#26ad89
```
#26ad89 rgb(38,173,137)
```
#2abd96
```
#2abd96 rgb(42,189,150)
```
#2ecda3
```
#2ecda3 rgb(46,205,163)
```

Shade Color Variation

#3bd3ab
```
#3bd3ab rgb(59,211,171)
```
#4bd7b2
```
#4bd7b2 rgb(75,215,178)
```
#5bdbb9
```
#5bdbb9 rgb(91,219,185)
```
#6bdec0
```
#6bdec0 rgb(107,222,192)
```
#7be2c6
```
#7be2c6 rgb(123,226,198)
```
#8be5cd
```
#8be5cd rgb(139,229,205)
```
#9be9d4
```
#9be9d4 rgb(155,233,212)
```
#abecdb
```
#abecdb rgb(171,236,219)
```
#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 #06e1a7 is the most saturated one.

#717675
```
#717675 rgb(113,118,117)
```
#687f79
```
#687f79 rgb(104,127,121)
```
#5f887d
```
#5f887d rgb(95,136,125)
```
#569181
```
#569181 rgb(86,145,129)
```
#4e9985
```
#4e9985 rgb(78,153,133)
```
#45a289
```
#45a289 rgb(69,162,137)
```
#3cab8e
```
#3cab8e rgb(60,171,142)
```
#33b492
```
#33b492 rgb(51,180,146)
```
#2abd96
```
#2abd96 rgb(42,189,150)
```
#21c69a
```
#21c69a rgb(33,198,154)
```
#18cf9e
```
#18cf9e rgb(24,207,158)
```
#0fd8a3
```
#0fd8a3 rgb(15,216,163)
```
#06e1a7
```
#06e1a7 rgb(6,225,167)
```

Tone Color Variation

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

#b5ab91 Protanopia 1% of men
#bfa6a4 Deuteranopia 1% of men
#52bac7 Tritanopia 0.001% of the population

Trichromacy

#82b293 Protanomaly 1% of men, 0.01% of women
#89ae9f Deuteranomaly 6% of men, 0.4% of women
#44bbb5 Tritanomaly 0.01% of the population

#2abd96 hex color

#2abd96 Color Information

#2abd96 Color Conversion

Color Schemes with #2abd96

Alternatives to #2abd96

#2abd96 Preview

Shades and Tints of #2abd96

Tones of #2abd96

Color Blindness Simulator