#2bb895 hex color

In a RGB color space, hex #2bb895 is composed of 16.9% red, 72.2% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 0% magenta, 19% yellow and 27.8% black. It has a hue angle of 165.1 degrees, a saturation of 62.1% and a lightness of 44.5%. #2bb895 color hex could be obtained by blending #56ffff with #00712b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 17
- G 72
- B 58
RGB color chart
- C 77
- M 0
- Y 19
- K 28
CMYK color chart

● #2bb895 color description : Strong cyan.

The hexadecimal color #2bb895 has RGB values of R:43, G:184, B:149 and CMYK values of C:0.77, M:0, Y:0.19, K:0.28. Its decimal value is 2865301.

Hex triplet	2bb895	`#2bb895`
RGB Decimal	43, 184, 149	`rgb(43,184,149)`
RGB Percent	16.9, 72.2, 58.4	`rgb(16.9%,72.2%,58.4%)`
CMYK	77, 0, 19, 28
HSL	165.1°, 62.1, 44.5	`hsl(165.1,62.1%,44.5%)`
HSV (or HSB)	165.1°, 76.6, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.249, -44.746, 7.415
XYZ	23.56, 36.962, 34.325
xyY	0.248, 0.39, 36.962
CIE-LCH	67.249, 45.356, 170.591
CIE-LUV	67.249, -51.974, 17.637
Hunter-Lab	60.797, -37.223, 9.083
Binary	00101011, 10111000, 10010101

#2bb895
```
#2bb895 rgb(43,184,149)
```
#b82b4e
```
#b82b4e rgb(184,43,78)
```

Complementary Color

#2bb84f
```
#2bb84f rgb(43,184,79)
```
#2bb895
```
#2bb895 rgb(43,184,149)
```
#2b95b8
```
#2b95b8 rgb(43,149,184)
```

Analogous Color

#b84e2b
```
#b84e2b rgb(184,78,43)
```
#2bb895
```
#2bb895 rgb(43,184,149)
```
#b82b95
```
#b82b95 rgb(184,43,149)
```

Split Complementary Color

#b8952b
```
#b8952b rgb(184,149,43)
```
#2bb895
```
#2bb895 rgb(43,184,149)
```
#952bb8
```
#952bb8 rgb(149,43,184)
```

Triadic Color

#4eb82b
```
#4eb82b rgb(78,184,43)
```
#2bb895
```
#2bb895 rgb(43,184,149)
```
#952bb8
```
#952bb8 rgb(149,43,184)
```
#b82b4e
```
#b82b4e rgb(184,43,78)
```

Tetradic Color

#1d7a63
```
#1d7a63 rgb(29,122,99)
```
#218f74
```
#218f74 rgb(33,143,116)
```
#26a384
```
#26a384 rgb(38,163,132)
```
#2bb895
```
#2bb895 rgb(43,184,149)
```
#30cda6
```
#30cda6 rgb(48,205,166)
```
#43d3af
```
#43d3af rgb(67,211,175)
```
#58d8b8
```
#58d8b8 rgb(88,216,184)
```

Monochromatic Color

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

#2bb872
```
#2bb872 rgb(43,184,114)
```
#2bb87e
```
#2bb87e rgb(43,184,126)
```
#2bb889
```
#2bb889 rgb(43,184,137)
```
#2bb895
```
#2bb895 rgb(43,184,149)
```
#2bb8a1
```
#2bb8a1 rgb(43,184,161)
```
#2bb8ad
```
#2bb8ad rgb(43,184,173)
```
#2bb8b8
```
#2bb8b8 rgb(43,184,184)
```

Similar Colors

Text with hexadecimal color #2bb895

This text has a font color of #2bb895.

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

#2bb895 background color

This paragraph has a background color of #2bb895.

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

#2bb895 border color

This element has a border color of #2bb895.

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

CSS codes

.text {color:#2bb895;}

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

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

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, #020907 is the darkest color, while #f8fdfc is the lightest one.

#020907
```
#020907 rgb(2,9,7)
```
#061914
```
#061914 rgb(6,25,20)
```
#0a2921
```
#0a2921 rgb(10,41,33)
```
#0d392e
```
#0d392e rgb(13,57,46)
```
#11493b
```
#11493b rgb(17,73,59)
```
#155948
```
#155948 rgb(21,89,72)
```
#186955
```
#186955 rgb(24,105,85)
```
#1c7861
```
#1c7861 rgb(28,120,97)
```
#20886e
```
#20886e rgb(32,136,110)
```
#24987b
```
#24987b rgb(36,152,123)
```
#27a888
```
#27a888 rgb(39,168,136)
```
#2bb895
```
#2bb895 rgb(43,184,149)
```
#2fc8a2
```
#2fc8a2 rgb(47,200,162)
```

Shade Color Variation

#39d1ab
```
#39d1ab rgb(57,209,171)
```
#49d5b2
```
#49d5b2 rgb(73,213,178)
```
#59d8b9
```
#59d8b9 rgb(89,216,185)
```
#69dcbf
```
#69dcbf rgb(105,220,191)
```
#79e0c6
```
#79e0c6 rgb(121,224,198)
```
#89e3cd
```
#89e3cd rgb(137,227,205)
```
#99e7d4
```
#99e7d4 rgb(153,231,212)
```
#a9ebda
```
#a9ebda rgb(169,235,218)
```
#b9efe1
```
#b9efe1 rgb(185,239,225)
```
#c9f2e8
```
#c9f2e8 rgb(201,242,232)
```
#d8f6ef
```
#d8f6ef rgb(216,246,239)
```
#e8faf5
```
#e8faf5 rgb(232,250,245)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#717272
```
#717272 rgb(113,114,114)
```
#687b76
```
#687b76 rgb(104,123,118)
```
#5f847b
```
#5f847b rgb(95,132,123)
```
#578c7f
```
#578c7f rgb(87,140,127)
```
#4e9583
```
#4e9583 rgb(78,149,131)
```
#459e88
```
#459e88 rgb(69,158,136)
```
#3ca78c
```
#3ca78c rgb(60,167,140)
```
#34af91
```
#34af91 rgb(52,175,145)
```
#2bb895
```
#2bb895 rgb(43,184,149)
```
#22c199
```
#22c199 rgb(34,193,153)
```
#1ac99e
```
#1ac99e rgb(26,201,158)
```
#11d2a2
```
#11d2a2 rgb(17,210,162)
```
#08dba7
```
#08dba7 rgb(8,219,167)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#77938c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a791 Protanopia 1% of men
#baa3a3 Deuteranopia 1% of men
#51b5c3 Tritanopia 0.001% of the population

Trichromacy

#80ad92 Protanomaly 1% of men, 0.01% of women
#86aa9d Deuteranomaly 6% of men, 0.4% of women
#43b6b2 Tritanomaly 0.01% of the population

#2bb895 hex color

#2bb895 Color Information

#2bb895 Color Conversion

Color Schemes with #2bb895

Alternatives to #2bb895

#2bb895 Preview

Shades and Tints of #2bb895

Tones of #2bb895

Color Blindness Simulator