#2bbb96 hex color

In a RGB color space, hex #2bbb96 is composed of 16.9% red, 73.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 19.8% yellow and 26.7% black. It has a hue angle of 164.6 degrees, a saturation of 62.6% and a lightness of 45.1%. #2bbb96 color hex could be obtained by blending #56ffff with #00772d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 17
- G 73
- B 59
RGB color chart
- C 77
- M 0
- Y 20
- K 27
CMYK color chart

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

The hexadecimal color #2bbb96 has RGB values of R:43, G:187, B:150 and CMYK values of C:0.77, M:0, Y:0.2, K:0.27. Its decimal value is 2866070.

Hex triplet	2bbb96	`#2bbb96`
RGB Decimal	43, 187, 150	`rgb(43,187,150)`
RGB Percent	16.9, 73.3, 58.8	`rgb(16.9%,73.3%,58.8%)`
CMYK	77, 0, 20, 27
HSL	164.6°, 62.6, 45.1	`hsl(164.6,62.6%,45.1%)`
HSV (or HSB)	164.6°, 77, 73.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.207, -45.754, 8.237
XYZ	24.27, 38.254, 34.957
xyY	0.249, 0.392, 38.254
CIE-LCH	68.207, 46.49, 169.794
CIE-LUV	68.207, -52.97, 19.007
Hunter-Lab	61.85, -38.194, 9.784
Binary	00101011, 10111011, 10010110

#2bbb96
```
#2bbb96 rgb(43,187,150)
```
#bb2b50
```
#bb2b50 rgb(187,43,80)
```

Complementary Color

#2bbb4e
```
#2bbb4e rgb(43,187,78)
```
#2bbb96
```
#2bbb96 rgb(43,187,150)
```
#2b98bb
```
#2b98bb rgb(43,152,187)
```

Analogous Color

#bb4e2b
```
#bb4e2b rgb(187,78,43)
```
#2bbb96
```
#2bbb96 rgb(43,187,150)
```
#bb2b98
```
#bb2b98 rgb(187,43,152)
```

Split Complementary Color

#bb962b
```
#bb962b rgb(187,150,43)
```
#2bbb96
```
#2bbb96 rgb(43,187,150)
```
#962bbb
```
#962bbb rgb(150,43,187)
```

Triadic Color

#50bb2b
```
#50bb2b rgb(80,187,43)
```
#2bbb96
```
#2bbb96 rgb(43,187,150)
```
#962bbb
```
#962bbb rgb(150,43,187)
```
#bb2b50
```
#bb2b50 rgb(187,43,80)
```

Tetradic Color

#1d7d64
```
#1d7d64 rgb(29,125,100)
```
#219275
```
#219275 rgb(33,146,117)
```
#26a685
```
#26a685 rgb(38,166,133)
```
#2bbb96
```
#2bbb96 rgb(43,187,150)
```
#30cfa6
```
#30cfa6 rgb(48,207,166)
```
#45d4af
```
#45d4af rgb(69,212,175)
```
#5ad9b8
```
#5ad9b8 rgb(90,217,184)
```

Monochromatic Color

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

#2bbb72
```
#2bbb72 rgb(43,187,114)
```
#2bbb7e
```
#2bbb7e rgb(43,187,126)
```
#2bbb8a
```
#2bbb8a rgb(43,187,138)
```
#2bbb96
```
#2bbb96 rgb(43,187,150)
```
#2bbba2
```
#2bbba2 rgb(43,187,162)
```
#2bbbae
```
#2bbbae rgb(43,187,174)
```
#2bbbba
```
#2bbbba rgb(43,187,186)
```

Similar Colors

Text with hexadecimal color #2bbb96

This text has a font color of #2bbb96.

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

#2bbb96 background color

This paragraph has a background color of #2bbb96.

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

#2bbb96 border color

This element has a border color of #2bbb96.

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

CSS codes

.text {color:#2bbb96;}

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

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

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

#030c09
```
#030c09 rgb(3,12,9)
```
#061c16
```
#061c16 rgb(6,28,22)
```
#0a2b23
```
#0a2b23 rgb(10,43,35)
```
#0e3b30
```
#0e3b30 rgb(14,59,48)
```
#114b3c
```
#114b3c rgb(17,75,60)
```
#155b49
```
#155b49 rgb(21,91,73)
```
#196b56
```
#196b56 rgb(25,107,86)
```
#1c7b63
```
#1c7b63 rgb(28,123,99)
```
#208b70
```
#208b70 rgb(32,139,112)
```
#249b7c
```
#249b7c rgb(36,155,124)
```
#27ab89
```
#27ab89 rgb(39,171,137)
```
#2bbb96
```
#2bbb96 rgb(43,187,150)
```
#2fcba3
```
#2fcba3 rgb(47,203,163)
```

Shade Color Variation

#3bd2ab
```
#3bd2ab rgb(59,210,171)
```
#4bd6b2
```
#4bd6b2 rgb(75,214,178)
```
#5bd9b9
```
#5bd9b9 rgb(91,217,185)
```
#6bddc0
```
#6bddc0 rgb(107,221,192)
```
#7be1c7
```
#7be1c7 rgb(123,225,199)
```
#8be4cd
```
#8be4cd rgb(139,228,205)
```
#9be8d4
```
#9be8d4 rgb(155,232,212)
```
#abecdb
```
#abecdb rgb(171,236,219)
```
#bbefe2
```
#bbefe2 rgb(187,239,226)
```
#cbf3e9
```
#cbf3e9 rgb(203,243,233)
```
#dbf7ef
```
#dbf7ef rgb(219,247,239)
```
#ebfaf6
```
#ebfaf6 rgb(235,250,246)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#727474
```
#727474 rgb(114,116,116)
```
#697d78
```
#697d78 rgb(105,125,120)
```
#60867c
```
#60867c rgb(96,134,124)
```
#578f80
```
#578f80 rgb(87,143,128)
```
#4e9885
```
#4e9885 rgb(78,152,133)
```
#46a089
```
#46a089 rgb(70,160,137)
```
#3da98d
```
#3da98d rgb(61,169,141)
```
#34b292
```
#34b292 rgb(52,178,146)
```
#2bbb96
```
#2bbb96 rgb(43,187,150)
```
#22c49a
```
#22c49a rgb(34,196,154)
```
#19cd9f
```
#19cd9f rgb(25,205,159)
```
#10d6a3
```
#10d6a3 rgb(16,214,163)
```
#08dea7
```
#08dea7 rgb(8,222,167)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#79958e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3aa91 Protanopia 1% of men
#bda5a4 Deuteranopia 1% of men
#52b8c6 Tritanopia 0.001% of the population

Trichromacy

#81b093 Protanomaly 1% of men, 0.01% of women
#88ad9f Deuteranomaly 6% of men, 0.4% of women
#44b9b4 Tritanomaly 0.01% of the population

#2bbb96 hex color

#2bbb96 Color Information

#2bbb96 Color Conversion

Color Schemes with #2bbb96

Alternatives to #2bbb96

#2bbb96 Preview

Shades and Tints of #2bbb96

Tones of #2bbb96

Color Blindness Simulator