#2bf396 hex color

In a RGB color space, hex #2bf396 is composed of 16.9% red, 95.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 0% magenta, 38.3% yellow and 4.7% black. It has a hue angle of 152.1 degrees, a saturation of 89.3% and a lightness of 56.1%. #2bf396 color hex could be obtained by blending #56ffff with #00e72d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 17
- G 95
- B 59
RGB color chart
- C 82
- M 0
- Y 38
- K 5
CMYK color chart

● #2bf396 color description : Bright cyan - lime green.

The hexadecimal color #2bf396 has RGB values of R:43, G:243, B:150 and CMYK values of C:0.82, M:0, Y:0.38, K:0.05. Its decimal value is 2880406.

Hex triplet	2bf396	`#2bf396`
RGB Decimal	43, 243, 150	`rgb(43,243,150)`
RGB Percent	16.9, 95.3, 58.8	`rgb(16.9%,95.3%,58.8%)`
CMYK	82, 0, 38, 5
HSL	152.1°, 89.3, 56.1	`hsl(152.1,89.3%,56.1%)`
HSV (or HSB)	152.1°, 82.3, 95.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.409, -67.001, 31.943
XYZ	38.549, 66.813, 39.717
xyY	0.266, 0.461, 66.813
CIE-LCH	85.409, 74.226, 154.511
CIE-LUV	85.409, -72.06, 55.613
Hunter-Lab	81.739, -58.861, 28.408
Binary	00101011, 11110011, 10010110

#2bf396
```
#2bf396 rgb(43,243,150)
```
#f32b88
```
#f32b88 rgb(243,43,136)
```

Complementary Color

#2bf332
```
#2bf332 rgb(43,243,50)
```
#2bf396
```
#2bf396 rgb(43,243,150)
```
#2becf3
```
#2becf3 rgb(43,236,243)
```

Analogous Color

#f3322b
```
#f3322b rgb(243,50,43)
```
#2bf396
```
#2bf396 rgb(43,243,150)
```
#f32bec
```
#f32bec rgb(243,43,236)
```

Split Complementary Color

#f3962b
```
#f3962b rgb(243,150,43)
```
#2bf396
```
#2bf396 rgb(43,243,150)
```
#962bf3
```
#962bf3 rgb(150,43,243)
```

Triadic Color

#88f32b
```
#88f32b rgb(136,243,43)
```
#2bf396
```
#2bf396 rgb(43,243,150)
```
#962bf3
```
#962bf3 rgb(150,43,243)
```
#f32b88
```
#f32b88 rgb(243,43,136)
```

Tetradic Color

#0bc66f
```
#0bc66f rgb(11,198,111)
```
#0dde7d
```
#0dde7d rgb(13,222,125)
```
#13f28a
```
#13f28a rgb(19,242,138)
```
#2bf396
```
#2bf396 rgb(43,243,150)
```
#43f4a2
```
#43f4a2 rgb(67,244,162)
```
#5bf6ae
```
#5bf6ae rgb(91,246,174)
```
#73f7ba
```
#73f7ba rgb(115,247,186)
```

Monochromatic Color

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

#2bf364
```
#2bf364 rgb(43,243,100)
```
#2bf375
```
#2bf375 rgb(43,243,117)
```
#2bf385
```
#2bf385 rgb(43,243,133)
```
#2bf396
```
#2bf396 rgb(43,243,150)
```
#2bf3a7
```
#2bf3a7 rgb(43,243,167)
```
#2bf3b7
```
#2bf3b7 rgb(43,243,183)
```
#2bf3c8
```
#2bf3c8 rgb(43,243,200)
```

Similar Colors

Text with hexadecimal color #2bf396

This text has a font color of #2bf396.

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

#2bf396 background color

This paragraph has a background color of #2bf396.

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

#2bf396 border color

This element has a border color of #2bf396.

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

CSS codes

.text {color:#2bf396;}

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

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

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, #010b06 is the darkest color, while #f7fffb is the lightest one.

#010b06
```
#010b06 rgb(1,11,6)
```
#021d10
```
#021d10 rgb(2,29,16)
```
#03301b
```
#03301b rgb(3,48,27)
```
#044225
```
#044225 rgb(4,66,37)
```
#055530
```
#055530 rgb(5,85,48)
```
#06683a
```
#06683a rgb(6,104,58)
```
#077a45
```
#077a45 rgb(7,122,69)
```
#088d4f
```
#088d4f rgb(8,141,79)
```
#099f59
```
#099f59 rgb(9,159,89)
```
#0ab264
```
#0ab264 rgb(10,178,100)
```
#0bc46e
```
#0bc46e rgb(11,196,110)
```
#0cd779
```
#0cd779 rgb(12,215,121)
```
#0dea83
```
#0dea83 rgb(13,234,131)
```

Shade Color Variation

#18f28d
```
#18f28d rgb(24,242,141)
```
#2bf396
```
#2bf396 rgb(43,243,150)
```
#3ef49f
```
#3ef49f rgb(62,244,159)
```
#50f5a8
```
#50f5a8 rgb(80,245,168)
```
#63f6b2
```
#63f6b2 rgb(99,246,178)
```
#75f7bb
```
#75f7bb rgb(117,247,187)
```
#88f8c4
```
#88f8c4 rgb(136,248,196)
```
#9af9cd
```
#9af9cd rgb(154,249,205)
```
#adfad6
```
#adfad6 rgb(173,250,214)
```
#c0fbe0
```
#c0fbe0 rgb(192,251,224)
```
#d2fce9
```
#d2fce9 rgb(210,252,233)
```
#e5fef2
```
#e5fef2 rgb(229,254,242)
```
#f7fffb
```
#f7fffb rgb(247,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a948f is the less saturated color, while #22fc97 is the most saturated one.

#8a948f
```
#8a948f rgb(138,148,143)
```
#819d90
```
#819d90 rgb(129,157,144)
```
#79a591
```
#79a591 rgb(121,165,145)
```
#70ae91
```
#70ae91 rgb(112,174,145)
```
#67b792
```
#67b792 rgb(103,183,146)
```
#5fbf92
```
#5fbf92 rgb(95,191,146)
```
#56c893
```
#56c893 rgb(86,200,147)
```
#4dd194
```
#4dd194 rgb(77,209,148)
```
#45d994
```
#45d994 rgb(69,217,148)
```
#3ce295
```
#3ce295 rgb(60,226,149)
```
#34ea95
```
#34ea95 rgb(52,234,149)
```
#2bf396
```
#2bf396 rgb(43,243,150)
```
#22fc97
```
#22fc97 rgb(34,252,151)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#93bba8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d790 Protanopia 1% of men
#fbcfa8 Deuteranopia 1% of men
#6fe8f9 Tritanopia 0.001% of the population

Trichromacy

#a4e192 Protanomaly 1% of men, 0.01% of women
#afdca1 Deuteranomaly 6% of men, 0.4% of women
#56ecd5 Tritanomaly 0.01% of the population

#2bf396 hex color

#2bf396 Color Information

#2bf396 Color Conversion

Color Schemes with #2bf396

Alternatives to #2bf396

#2bf396 Preview

Shades and Tints of #2bf396

Tones of #2bf396

Color Blindness Simulator