#2bb4a1 hex color

In a RGB color space, hex #2bb4a1 is composed of 16.9% red, 70.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 10.6% yellow and 29.4% black. It has a hue angle of 171.7 degrees, a saturation of 61.4% and a lightness of 43.7%. #2bb4a1 color hex could be obtained by blending #56ffff with #006943. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 17
- G 71
- B 63
RGB color chart
- C 76
- M 0
- Y 11
- K 29
CMYK color chart

● #2bb4a1 color description : Strong cyan.

The hexadecimal color #2bb4a1 has RGB values of R:43, G:180, B:161 and CMYK values of C:0.76, M:0, Y:0.11, K:0.29. Its decimal value is 2864289.

Hex triplet	2bb4a1	`#2bb4a1`
RGB Decimal	43, 180, 161	`rgb(43,180,161)`
RGB Percent	16.9, 70.6, 63.1	`rgb(16.9%,70.6%,63.1%)`
CMYK	76, 0, 11, 29
HSL	171.7°, 61.4, 43.7	`hsl(171.7,61.4%,43.7%)`
HSV (or HSB)	171.7°, 76.1, 70.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.311, -39.867, -0.557
XYZ	23.748, 35.727, 39.361
xyY	0.24, 0.361, 35.727
CIE-LCH	66.311, 39.871, 180.801
CIE-LUV	66.311, -49.72, 5.259
Hunter-Lab	59.772, -33.68, 2.797
Binary	00101011, 10110100, 10100001

#2bb4a1
```
#2bb4a1 rgb(43,180,161)
```
#b42b3e
```
#b42b3e rgb(180,43,62)
```

Complementary Color

#2bb45d
```
#2bb45d rgb(43,180,93)
```
#2bb4a1
```
#2bb4a1 rgb(43,180,161)
```
#2b83b4
```
#2b83b4 rgb(43,131,180)
```

Analogous Color

#b45d2b
```
#b45d2b rgb(180,93,43)
```
#2bb4a1
```
#2bb4a1 rgb(43,180,161)
```
#b42b83
```
#b42b83 rgb(180,43,131)
```

Split Complementary Color

#b4a12b
```
#b4a12b rgb(180,161,43)
```
#2bb4a1
```
#2bb4a1 rgb(43,180,161)
```
#a12bb4
```
#a12bb4 rgb(161,43,180)
```

Triadic Color

#3eb42b
```
#3eb42b rgb(62,180,43)
```
#2bb4a1
```
#2bb4a1 rgb(43,180,161)
```
#a12bb4
```
#a12bb4 rgb(161,43,180)
```
#b42b3e
```
#b42b3e rgb(180,43,62)
```

Tetradic Color

#1c766a
```
#1c766a rgb(28,118,106)
```
#218b7c
```
#218b7c rgb(33,139,124)
```
#269f8f
```
#269f8f rgb(38,159,143)
```
#2bb4a1
```
#2bb4a1 rgb(43,180,161)
```
#30c9b3
```
#30c9b3 rgb(48,201,179)
```
#41d1bd
```
#41d1bd rgb(65,209,189)
```
#55d6c4
```
#55d6c4 rgb(85,214,196)
```

Monochromatic Color

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

#2bb47f
```
#2bb47f rgb(43,180,127)
```
#2bb48a
```
#2bb48a rgb(43,180,138)
```
#2bb496
```
#2bb496 rgb(43,180,150)
```
#2bb4a1
```
#2bb4a1 rgb(43,180,161)
```
#2bb4ac
```
#2bb4ac rgb(43,180,172)
```
#2bb0b4
```
#2bb0b4 rgb(43,176,180)
```
#2ba5b4
```
#2ba5b4 rgb(43,165,180)
```

Similar Colors

Text with hexadecimal color #2bb4a1

This text has a font color of #2bb4a1.

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

#2bb4a1 background color

This paragraph has a background color of #2bb4a1.

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

#2bb4a1 border color

This element has a border color of #2bb4a1.

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

CSS codes

.text {color:#2bb4a1;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#051613
```
#051613 rgb(5,22,19)
```
#092622
```
#092622 rgb(9,38,34)
```
#0d3530
```
#0d3530 rgb(13,53,48)
```
#11453e
```
#11453e rgb(17,69,62)
```
#14554c
```
#14554c rgb(20,85,76)
```
#18655a
```
#18655a rgb(24,101,90)
```
#1c7568
```
#1c7568 rgb(28,117,104)
```
#208577
```
#208577 rgb(32,133,119)
```
#239485
```
#239485 rgb(35,148,133)
```
#27a493
```
#27a493 rgb(39,164,147)
```
#2bb4a1
```
#2bb4a1 rgb(43,180,161)
```
#2fc4af
```
#2fc4af rgb(47,196,175)
```

Shade Color Variation

#37cfba
```
#37cfba rgb(55,207,186)
```
#47d3c0
```
#47d3c0 rgb(71,211,192)
```
#57d7c5
```
#57d7c5 rgb(87,215,197)
```
#67dbca
```
#67dbca rgb(103,219,202)
```
#76ded0
```
#76ded0 rgb(118,222,208)
```
#86e2d5
```
#86e2d5 rgb(134,226,213)
```
#96e6db
```
#96e6db rgb(150,230,219)
```
#a6eae0
```
#a6eae0 rgb(166,234,224)
```
#b6ede6
```
#b6ede6 rgb(182,237,230)
```
#c6f1eb
```
#c6f1eb rgb(198,241,235)
```
#d5f5f1
```
#d5f5f1 rgb(213,245,241)
```
#e5f9f6
```
#e5f9f6 rgb(229,249,246)
```
#f5fdfc
```
#f5fdfc rgb(245,253,252)
```

Tint Color Variation

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

#677876
```
#677876 rgb(103,120,118)
```
#5e817c
```
#5e817c rgb(94,129,124)
```
#568982
```
#568982 rgb(86,137,130)
```
#4d9288
```
#4d9288 rgb(77,146,136)
```
#459a8e
```
#459a8e rgb(69,154,142)
```
#3ca395
```
#3ca395 rgb(60,163,149)
```
#34ab9b
```
#34ab9b rgb(52,171,155)
```
#2bb4a1
```
#2bb4a1 rgb(43,180,161)
```
#22bda7
```
#22bda7 rgb(34,189,167)
```
#1ac5ad
```
#1ac5ad rgb(26,197,173)
```
#11ceb4
```
#11ceb4 rgb(17,206,180)
```
#09d6ba
```
#09d6ba rgb(9,214,186)
```
#00dfc0
```
#00dfc0 rgb(0,223,192)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#76928e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba59c Protanopia 1% of men
#b1a1ad Deuteranopia 1% of men
#4ab3c0 Tritanopia 0.001% of the population

Trichromacy

#7caa9e Protanomaly 1% of men, 0.01% of women
#80a8a9 Deuteranomaly 6% of men, 0.4% of women
#3eb3b5 Tritanomaly 0.01% of the population

#2bb4a1 hex color

#2bb4a1 Color Information

#2bb4a1 Color Conversion

Color Schemes with #2bb4a1

Alternatives to #2bb4a1

#2bb4a1 Preview

Shades and Tints of #2bb4a1

Tones of #2bb4a1

Color Blindness Simulator