#2bb4ba hex color

In a RGB color space, hex #2bb4ba is composed of 16.9% red, 70.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 3.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 182.5 degrees, a saturation of 62.4% and a lightness of 44.9%. #2bb4ba color hex could be obtained by blending #56ffff with #006975. Closest websafe color is: #33cccc.

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

● #2bb4ba color description : Strong cyan.

The hexadecimal color #2bb4ba has RGB values of R:43, G:180, B:186 and CMYK values of C:0.77, M:0.03, Y:0, K:0.27. Its decimal value is 2864314.

Hex triplet	2bb4ba	`#2bb4ba`
RGB Decimal	43, 180, 186	`rgb(43,180,186)`
RGB Percent	16.9, 70.6, 72.9	`rgb(16.9%,70.6%,72.9%)`
CMYK	77, 3, 0, 27
HSL	182.5°, 62.4, 44.9	`hsl(182.5,62.4%,44.9%)`
HSV (or HSB)	182.5°, 76.9, 72.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.05, -32.663, -13.296
XYZ	26.178, 36.699, 52.156
xyY	0.228, 0.319, 36.699
CIE-LCH	67.05, 35.266, 202.15
CIE-LUV	67.05, -47.951, -15.528
Hunter-Lab	60.58, -28.88, -8.64
Binary	00101011, 10110100, 10111010

#2bb4ba
```
#2bb4ba rgb(43,180,186)
```
#ba312b
```
#ba312b rgb(186,49,43)
```

Complementary Color

#2bba79
```
#2bba79 rgb(43,186,121)
```
#2bb4ba
```
#2bb4ba rgb(43,180,186)
```
#2b6dba
```
#2b6dba rgb(43,109,186)
```

Analogous Color

#ba792b
```
#ba792b rgb(186,121,43)
```
#2bb4ba
```
#2bb4ba rgb(43,180,186)
```
#ba2b6d
```
#ba2b6d rgb(186,43,109)
```

Split Complementary Color

#b4ba2b
```
#b4ba2b rgb(180,186,43)
```
#2bb4ba
```
#2bb4ba rgb(43,180,186)
```
#ba2bb4
```
#ba2bb4 rgb(186,43,180)
```

Triadic Color

#2bba31
```
#2bba31 rgb(43,186,49)
```
#2bb4ba
```
#2bb4ba rgb(43,180,186)
```
#ba2bb4
```
#ba2bb4 rgb(186,43,180)
```
#ba312b
```
#ba312b rgb(186,49,43)
```

Tetradic Color

#1d787c
```
#1d787c rgb(29,120,124)
```
#218c91
```
#218c91 rgb(33,140,145)
```
#26a0a5
```
#26a0a5 rgb(38,160,165)
```
#2bb4ba
```
#2bb4ba rgb(43,180,186)
```
#30c8cf
```
#30c8cf rgb(48,200,207)
```
#44ced4
```
#44ced4 rgb(68,206,212)
```
#59d3d9
```
#59d3d9 rgb(89,211,217)
```

Monochromatic Color

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

#2bba9c
```
#2bba9c rgb(43,186,156)
```
#2bbaa8
```
#2bbaa8 rgb(43,186,168)
```
#2bbab4
```
#2bbab4 rgb(43,186,180)
```
#2bb4ba
```
#2bb4ba rgb(43,180,186)
```
#2ba8ba
```
#2ba8ba rgb(43,168,186)
```
#2b9cba
```
#2b9cba rgb(43,156,186)
```
#2b90ba
```
#2b90ba rgb(43,144,186)
```

Similar Colors

Text with hexadecimal color #2bb4ba

This text has a font color of #2bb4ba.

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

#2bb4ba background color

This paragraph has a background color of #2bb4ba.

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

#2bb4ba border color

This element has a border color of #2bb4ba.

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

CSS codes

.text {color:#2bb4ba;}

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

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

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, #020a0b is the darkest color, while #fafefe is the lightest one.

#020a0b
```
#020a0b rgb(2,10,11)
```
#061a1b
```
#061a1b rgb(6,26,27)
```
#0a292b
```
#0a292b rgb(10,41,43)
```
#0e393b
```
#0e393b rgb(14,57,59)
```
#11484a
```
#11484a rgb(17,72,74)
```
#15575a
```
#15575a rgb(21,87,90)
```
#19676a
```
#19676a rgb(25,103,106)
```
#1c767a
```
#1c767a rgb(28,118,122)
```
#20868a
```
#20868a rgb(32,134,138)
```
#24959a
```
#24959a rgb(36,149,154)
```
#27a5aa
```
#27a5aa rgb(39,165,170)
```
#2bb4ba
```
#2bb4ba rgb(43,180,186)
```
#2fc3ca
```
#2fc3ca rgb(47,195,202)
```

Shade Color Variation

#3bcbd2
```
#3bcbd2 rgb(59,203,210)
```
#4bcfd5
```
#4bcfd5 rgb(75,207,213)
```
#5ad4d9
```
#5ad4d9 rgb(90,212,217)
```
#6ad8dd
```
#6ad8dd rgb(106,216,221)
```
#7adce0
```
#7adce0 rgb(122,220,224)
```
#8ae0e4
```
#8ae0e4 rgb(138,224,228)
```
#9ae4e8
```
#9ae4e8 rgb(154,228,232)
```
#aae9eb
```
#aae9eb rgb(170,233,235)
```
#baedef
```
#baedef rgb(186,237,239)
```
#caf1f3
```
#caf1f3 rgb(202,241,243)
```
#daf5f6
```
#daf5f6 rgb(218,245,246)
```
#eaf9fa
```
#eaf9fa rgb(234,249,250)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#717374
```
#717374 rgb(113,115,116)
```
#697c7c
```
#697c7c rgb(105,124,124)
```
#608485
```
#608485 rgb(96,132,133)
```
#578c8e
```
#578c8e rgb(87,140,142)
```
#4e9497
```
#4e9497 rgb(78,148,151)
```
#459ca0
```
#459ca0 rgb(69,156,160)
```
#3da4a8
```
#3da4a8 rgb(61,164,168)
```
#34acb1
```
#34acb1 rgb(52,172,177)
```
#2bb4ba
```
#2bb4ba rgb(43,180,186)
```
#22bcc3
```
#22bcc3 rgb(34,188,195)
```
#19c4cc
```
#19c4cc rgb(25,196,204)
```
#11ccd4
```
#11ccd4 rgb(17,204,212)
```
#08d4dd
```
#08d4dd rgb(8,212,221)
```

Tone Color Variation

Below, you can see how #2bb4ba 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
#799495 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a6b3 Protanopia 1% of men
#a8a4c4 Deuteranopia 1% of men
#3cb6c4 Tritanopia 0.001% of the population

Trichromacy

#79abb6 Protanomaly 1% of men, 0.01% of women
#7aaac0 Deuteranomaly 6% of men, 0.4% of women
#36b5c0 Tritanomaly 0.01% of the population

#2bb4ba hex color

#2bb4ba Color Information

#2bb4ba Color Conversion

Color Schemes with #2bb4ba

Alternatives to #2bb4ba

#2bb4ba Preview

Shades and Tints of #2bb4ba

Tones of #2bb4ba

Color Blindness Simulator