#2cbba1 hex color

In a RGB color space, hex #2cbba1 is composed of 17.3% red, 73.3% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 13.9% yellow and 26.7% black. It has a hue angle of 169.1 degrees, a saturation of 61.9% and a lightness of 45.3%. #2cbba1 color hex could be obtained by blending #58ffff with #007743. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 17
- G 73
- B 63
RGB color chart
- C 76
- M 0
- Y 14
- K 27
CMYK color chart

● #2cbba1 color description : Strong cyan.

The hexadecimal color #2cbba1 has RGB values of R:44, G:187, B:161 and CMYK values of C:0.76, M:0, Y:0.14, K:0.27. Its decimal value is 2931617.

Hex triplet	2cbba1	`#2cbba1`
RGB Decimal	44, 187, 161	`rgb(44,187,161)`
RGB Percent	17.3, 73.3, 63.1	`rgb(17.3%,73.3%,63.1%)`
CMYK	76, 0, 14, 27
HSL	169.1°, 61.9, 45.3	`hsl(169.1,61.9%,45.3%)`
HSV (or HSB)	169.1°, 76.5, 73.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.495, -42.821, 2.625
XYZ	25.24, 38.647, 39.846
xyY	0.243, 0.373, 38.647
CIE-LCH	68.495, 42.901, 176.492
CIE-LUV	68.495, -52.078, 10.474
Hunter-Lab	62.167, -36.32, 5.515
Binary	00101100, 10111011, 10100001

#2cbba1
```
#2cbba1 rgb(44,187,161)
```
#bb2c46
```
#bb2c46 rgb(187,44,70)
```

Complementary Color

#2cbb5a
```
#2cbb5a rgb(44,187,90)
```
#2cbba1
```
#2cbba1 rgb(44,187,161)
```
#2c8ebb
```
#2c8ebb rgb(44,142,187)
```

Analogous Color

#bb5a2c
```
#bb5a2c rgb(187,90,44)
```
#2cbba1
```
#2cbba1 rgb(44,187,161)
```
#bb2c8e
```
#bb2c8e rgb(187,44,142)
```

Split Complementary Color

#bba12c
```
#bba12c rgb(187,161,44)
```
#2cbba1
```
#2cbba1 rgb(44,187,161)
```
#a12cbb
```
#a12cbb rgb(161,44,187)
```

Triadic Color

#46bb2c
```
#46bb2c rgb(70,187,44)
```
#2cbba1
```
#2cbba1 rgb(44,187,161)
```
#a12cbb
```
#a12cbb rgb(161,44,187)
```
#bb2c46
```
#bb2c46 rgb(187,44,70)
```

Tetradic Color

#1d7d6c
```
#1d7d6c rgb(29,125,108)
```
#22927d
```
#22927d rgb(34,146,125)
```
#27a68f
```
#27a68f rgb(39,166,143)
```
#2cbba1
```
#2cbba1 rgb(44,187,161)
```
#32cfb2
```
#32cfb2 rgb(50,207,178)
```
#46d4ba
```
#46d4ba rgb(70,212,186)
```
#5bd8c2
```
#5bd8c2 rgb(91,216,194)
```

Monochromatic Color

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

#2cbb7d
```
#2cbb7d rgb(44,187,125)
```
#2cbb89
```
#2cbb89 rgb(44,187,137)
```
#2cbb95
```
#2cbb95 rgb(44,187,149)
```
#2cbba1
```
#2cbba1 rgb(44,187,161)
```
#2cbbad
```
#2cbbad rgb(44,187,173)
```
#2cbbb9
```
#2cbbb9 rgb(44,187,185)
```
#2cb1bb
```
#2cb1bb rgb(44,177,187)
```

Similar Colors

Text with hexadecimal color #2cbba1

This text has a font color of #2cbba1.

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

#2cbba1 background color

This paragraph has a background color of #2cbba1.

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

#2cbba1 border color

This element has a border color of #2cbba1.

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

CSS codes

.text {color:#2cbba1;}

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

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

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

#030c0b
```
#030c0b rgb(3,12,11)
```
#071c18
```
#071c18 rgb(7,28,24)
```
#0a2c26
```
#0a2c26 rgb(10,44,38)
```
#0e3c34
```
#0e3c34 rgb(14,60,52)
```
#124c41
```
#124c41 rgb(18,76,65)
```
#165c4f
```
#165c4f rgb(22,92,79)
```
#196c5d
```
#196c5d rgb(25,108,93)
```
#1d7b6a
```
#1d7b6a rgb(29,123,106)
```
#218b78
```
#218b78 rgb(33,139,120)
```
#259b86
```
#259b86 rgb(37,155,134)
```
#28ab93
```
#28ab93 rgb(40,171,147)
```
#2cbba1
```
#2cbba1 rgb(44,187,161)
```
#30cbaf
```
#30cbaf rgb(48,203,175)
```

Shade Color Variation

#3dd1b6
```
#3dd1b6 rgb(61,209,182)
```
#4dd5bc
```
#4dd5bc rgb(77,213,188)
```
#5dd9c2
```
#5dd9c2 rgb(93,217,194)
```
#6dddc8
```
#6dddc8 rgb(109,221,200)
```
#7ce0ce
```
#7ce0ce rgb(124,224,206)
```
#8ce4d4
```
#8ce4d4 rgb(140,228,212)
```
#9ce8da
```
#9ce8da rgb(156,232,218)
```
#acebe0
```
#acebe0 rgb(172,235,224)
```
#bcefe6
```
#bcefe6 rgb(188,239,230)
```
#ccf3ec
```
#ccf3ec rgb(204,243,236)
```
#dcf7f2
```
#dcf7f2 rgb(220,247,242)
```
#ecfaf8
```
#ecfaf8 rgb(236,250,248)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#737474
```
#737474 rgb(115,116,116)
```
#6a7d79
```
#6a7d79 rgb(106,125,121)
```
#61867f
```
#61867f rgb(97,134,127)
```
#588f85
```
#588f85 rgb(88,143,133)
```
#50978a
```
#50978a rgb(80,151,138)
```
#47a090
```
#47a090 rgb(71,160,144)
```
#3ea996
```
#3ea996 rgb(62,169,150)
```
#35b29b
```
#35b29b rgb(53,178,155)
```
#2cbba1
```
#2cbba1 rgb(44,187,161)
```
#23c4a7
```
#23c4a7 rgb(35,196,167)
```
#1acdac
```
#1acdac rgb(26,205,172)
```
#11d6b2
```
#11d6b2 rgb(17,214,178)
```
#08dfb8
```
#08dfb8 rgb(8,223,184)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7a9691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2ab9c Protanopia 1% of men
#baa6ae Deuteranopia 1% of men
#4eb9c7 Tritanopia 0.001% of the population

Trichromacy

#81b09d Protanomaly 1% of men, 0.01% of women
#86aea9 Deuteranomaly 6% of men, 0.4% of women
#42bab9 Tritanomaly 0.01% of the population

#2cbba1 hex color

#2cbba1 Color Information

#2cbba1 Color Conversion

Color Schemes with #2cbba1

Alternatives to #2cbba1

#2cbba1 Preview

Shades and Tints of #2cbba1

Tones of #2cbba1

Color Blindness Simulator