#2bd396 hex color

In a RGB color space, hex #2bd396 is composed of 16.9% red, 82.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 0% magenta, 28.9% yellow and 17.3% black. It has a hue angle of 158.2 degrees, a saturation of 66.1% and a lightness of 49.8%. #2bd396 color hex could be obtained by blending #56ffff with #00a72d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 17
- G 83
- B 59
RGB color chart
- C 80
- M 0
- Y 29
- K 17
CMYK color chart

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

The hexadecimal color #2bd396 has RGB values of R:43, G:211, B:150 and CMYK values of C:0.8, M:0, Y:0.29, K:0.17. Its decimal value is 2872214.

Hex triplet	2bd396	`#2bd396`
RGB Decimal	43, 211, 150	`rgb(43,211,150)`
RGB Percent	16.9, 82.7, 58.8	`rgb(16.9%,82.7%,58.8%)`
CMYK	80, 0, 29, 17
HSL	158.2°, 66.1, 49.8	`hsl(158.2,66.1%,49.8%)`
HSV (or HSB)	158.2°, 79.6, 82.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.638, -55.344, 18.686
XYZ	29.793, 49.301, 36.798
xyY	0.257, 0.425, 49.301
CIE-LCH	75.638, 58.414, 161.344
CIE-LUV	75.638, -61.329, 35.447
Hunter-Lab	70.215, -47.136, 18.077
Binary	00101011, 11010011, 10010110

#2bd396
```
#2bd396 rgb(43,211,150)
```
#d32b68
```
#d32b68 rgb(211,43,104)
```

Complementary Color

#2bd342
```
#2bd342 rgb(43,211,66)
```
#2bd396
```
#2bd396 rgb(43,211,150)
```
#2bbcd3
```
#2bbcd3 rgb(43,188,211)
```

Analogous Color

#d3422b
```
#d3422b rgb(211,66,43)
```
#2bd396
```
#2bd396 rgb(43,211,150)
```
#d32bbc
```
#d32bbc rgb(211,43,188)
```

Split Complementary Color

#d3962b
```
#d3962b rgb(211,150,43)
```
#2bd396
```
#2bd396 rgb(43,211,150)
```
#962bd3
```
#962bd3 rgb(150,43,211)
```

Triadic Color

#68d32b
```
#68d32b rgb(104,211,43)
```
#2bd396
```
#2bd396 rgb(43,211,150)
```
#962bd3
```
#962bd3 rgb(150,43,211)
```
#d32b68
```
#d32b68 rgb(211,43,104)
```

Tetradic Color

#1e9369
```
#1e9369 rgb(30,147,105)
```
#22a978
```
#22a978 rgb(34,169,120)
```
#27be87
```
#27be87 rgb(39,190,135)
```
#2bd396
```
#2bd396 rgb(43,211,150)
```
#40d8a1
```
#40d8a1 rgb(64,216,161)
```
#55dcab
```
#55dcab rgb(85,220,171)
```
#6ae1b6
```
#6ae1b6 rgb(106,225,182)
```

Monochromatic Color

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

#2bd36c
```
#2bd36c rgb(43,211,108)
```
#2bd37a
```
#2bd37a rgb(43,211,122)
```
#2bd388
```
#2bd388 rgb(43,211,136)
```
#2bd396
```
#2bd396 rgb(43,211,150)
```
#2bd3a4
```
#2bd3a4 rgb(43,211,164)
```
#2bd3b2
```
#2bd3b2 rgb(43,211,178)
```
#2bd3c0
```
#2bd3c0 rgb(43,211,192)
```

Similar Colors

Text with hexadecimal color #2bd396

This text has a font color of #2bd396.

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

#2bd396 background color

This paragraph has a background color of #2bd396.

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

#2bd396 border color

This element has a border color of #2bd396.

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

CSS codes

.text {color:#2bd396;}

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

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

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

#030f0b
```
#030f0b rgb(3,15,11)
```
#062017
```
#062017 rgb(6,32,23)
```
#0a3022
```
#0a3022 rgb(10,48,34)
```
#0d402e
```
#0d402e rgb(13,64,46)
```
#105139
```
#105139 rgb(16,81,57)
```
#146145
```
#146145 rgb(20,97,69)
```
#177150
```
#177150 rgb(23,113,80)
```
#1a825c
```
#1a825c rgb(26,130,92)
```
#1e9268
```
#1e9268 rgb(30,146,104)
```
#21a273
```
#21a273 rgb(33,162,115)
```
#24b27f
```
#24b27f rgb(36,178,127)
```
#28c38a
```
#28c38a rgb(40,195,138)
```
#2bd396
```
#2bd396 rgb(43,211,150)
```

Shade Color Variation

#3bd79e
```
#3bd79e rgb(59,215,158)
```
#4bdaa6
```
#4bdaa6 rgb(75,218,166)
```
#5bdeae
```
#5bdeae rgb(91,222,174)
```
#6ce1b6
```
#6ce1b6 rgb(108,225,182)
```
#7ce4be
```
#7ce4be rgb(124,228,190)
```
#8ce8c6
```
#8ce8c6 rgb(140,232,198)
```
#9cebce
```
#9cebce rgb(156,235,206)
```
#adeed6
```
#adeed6 rgb(173,238,214)
```
#bdf2de
```
#bdf2de rgb(189,242,222)
```
#cdf5e6
```
#cdf5e6 rgb(205,245,230)
```
#def8ef
```
#def8ef rgb(222,248,239)
```
#eefcf7
```
#eefcf7 rgb(238,252,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#798581
```
#798581 rgb(121,133,129)
```
#6f8f83
```
#6f8f83 rgb(111,143,131)
```
#669886
```
#669886 rgb(102,152,134)
```
#5ca289
```
#5ca289 rgb(92,162,137)
```
#52ac8b
```
#52ac8b rgb(82,172,139)
```
#48b68e
```
#48b68e rgb(72,182,142)
```
#3fbf91
```
#3fbf91 rgb(63,191,145)
```
#35c993
```
#35c993 rgb(53,201,147)
```
#2bd396
```
#2bd396 rgb(43,211,150)
```
#21dd99
```
#21dd99 rgb(33,221,153)
```
#17e79b
```
#17e79b rgb(23,231,155)
```
#0ef09e
```
#0ef09e rgb(14,240,158)
```
#04faa1
```
#04faa1 rgb(4,250,161)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#84a599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabd91 Protanopia 1% of men
#d8b7a5 Deuteranopia 1% of men
#5fccdb Tritanopia 0.001% of the population

Trichromacy

#90c592 Protanomaly 1% of men, 0.01% of women
#99c1a0 Deuteranomaly 6% of men, 0.4% of women
#4ccfc2 Tritanomaly 0.01% of the population

#2bd396 hex color

#2bd396 Color Information

#2bd396 Color Conversion

Color Schemes with #2bd396

Alternatives to #2bd396

#2bd396 Preview

Shades and Tints of #2bd396

Tones of #2bd396

Color Blindness Simulator