#2bbdd1 hex color

In a RGB color space, hex #2bbdd1 is composed of 16.9% red, 74.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 9.6% magenta, 0% yellow and 18% black. It has a hue angle of 187.2 degrees, a saturation of 65.9% and a lightness of 49.4%. #2bbdd1 color hex could be obtained by blending #56ffff with #007ba3. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 74
- B 82
RGB color chart
- C 79
- M 10
- Y 0
- K 18
CMYK color chart

● #2bbdd1 color description : Strong cyan.

The hexadecimal color #2bbdd1 has RGB values of R:43, G:189, B:209 and CMYK values of C:0.79, M:0.1, Y:0, K:0.18. Its decimal value is 2866641.

Hex triplet	2bbdd1	`#2bbdd1`
RGB Decimal	43, 189, 209	`rgb(43,189,209)`
RGB Percent	16.9, 74.1, 82	`rgb(16.9%,74.1%,82%)`
CMYK	79, 10, 0, 18
HSL	187.2°, 65.9, 49.4	`hsl(187.2,65.9%,49.4%)`
HSV (or HSB)	187.2°, 79.4, 82
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.531, -29.923, -20.676
XYZ	30.699, 41.509, 66.712
xyY	0.221, 0.299, 41.509
CIE-LCH	70.531, 36.371, 214.644
CIE-LUV	70.531, -49.478, -28.072
Hunter-Lab	64.428, -27.695, -16.293
Binary	00101011, 10111101, 11010001

#2bbdd1
```
#2bbdd1 rgb(43,189,209)
```
#d13f2b
```
#d13f2b rgb(209,63,43)
```

Complementary Color

#2bd192
```
#2bd192 rgb(43,209,146)
```
#2bbdd1
```
#2bbdd1 rgb(43,189,209)
```
#2b6ad1
```
#2b6ad1 rgb(43,106,209)
```

Analogous Color

#d1922b
```
#d1922b rgb(209,146,43)
```
#2bbdd1
```
#2bbdd1 rgb(43,189,209)
```
#d12b6a
```
#d12b6a rgb(209,43,106)
```

Split Complementary Color

#bdd12b
```
#bdd12b rgb(189,209,43)
```
#2bbdd1
```
#2bbdd1 rgb(43,189,209)
```
#d12bbd
```
#d12bbd rgb(209,43,189)
```

Triadic Color

#2bd13f
```
#2bd13f rgb(43,209,63)
```
#2bbdd1
```
#2bbdd1 rgb(43,189,209)
```
#d12bbd
```
#d12bbd rgb(209,43,189)
```
#d13f2b
```
#d13f2b rgb(209,63,43)
```

Tetradic Color

#1e8492
```
#1e8492 rgb(30,132,146)
```
#2297a7
```
#2297a7 rgb(34,151,167)
```
#27aabc
```
#27aabc rgb(39,170,188)
```
#2bbdd1
```
#2bbdd1 rgb(43,189,209)
```
#3ec5d7
```
#3ec5d7 rgb(62,197,215)
```
#53cbdc
```
#53cbdc rgb(83,203,220)
```
#68d2e0
```
#68d2e0 rgb(104,210,224)
```

Monochromatic Color

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

#2bd1bc
```
#2bd1bc rgb(43,209,188)
```
#2bd1c9
```
#2bd1c9 rgb(43,209,201)
```
#2bcbd1
```
#2bcbd1 rgb(43,203,209)
```
#2bbdd1
```
#2bbdd1 rgb(43,189,209)
```
#2bafd1
```
#2bafd1 rgb(43,175,209)
```
#2ba1d1
```
#2ba1d1 rgb(43,161,209)
```
#2b94d1
```
#2b94d1 rgb(43,148,209)
```

Similar Colors

Text with hexadecimal color #2bbdd1

This text has a font color of #2bbdd1.

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

#2bbdd1 background color

This paragraph has a background color of #2bbdd1.

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

#2bbdd1 border color

This element has a border color of #2bbdd1.

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

CSS codes

.text {color:#2bbdd1;}

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

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

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

#030c0e
```
#030c0e rgb(3,12,14)
```
#061b1e
```
#061b1e rgb(6,27,30)
```
#0a2a2e
```
#0a2a2e rgb(10,42,46)
```
#0d393f
```
#0d393f rgb(13,57,63)
```
#10474f
```
#10474f rgb(16,71,79)
```
#14565f
```
#14565f rgb(20,86,95)
```
#17656f
```
#17656f rgb(23,101,111)
```
#1a7380
```
#1a7380 rgb(26,115,128)
```
#1e8290
```
#1e8290 rgb(30,130,144)
```
#2191a0
```
#2191a0 rgb(33,145,160)
```
#24a0b0
```
#24a0b0 rgb(36,160,176)
```
#28aec1
```
#28aec1 rgb(40,174,193)
```
#2bbdd1
```
#2bbdd1 rgb(43,189,209)
```

Shade Color Variation

#39c3d6
```
#39c3d6 rgb(57,195,214)
```
#4ac8da
```
#4ac8da rgb(74,200,218)
```
#5acddd
```
#5acddd rgb(90,205,221)
```
#6ad2e0
```
#6ad2e0 rgb(106,210,224)
```
#7ad7e4
```
#7ad7e4 rgb(122,215,228)
```
#8bdce7
```
#8bdce7 rgb(139,220,231)
```
#9be1ea
```
#9be1ea rgb(155,225,234)
```
#abe6ee
```
#abe6ee rgb(171,230,238)
```
#bbebf1
```
#bbebf1 rgb(187,235,241)
```
#ccf0f4
```
#ccf0f4 rgb(204,240,244)
```
#dcf4f8
```
#dcf4f8 rgb(220,244,248)
```
#ecf9fb
```
#ecf9fb rgb(236,249,251)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#798283
```
#798283 rgb(121,130,131)
```
#6f8a8d
```
#6f8a8d rgb(111,138,141)
```
#659197
```
#659197 rgb(101,145,151)
```
#5b98a1
```
#5b98a1 rgb(91,152,161)
```
#52a0aa
```
#52a0aa rgb(82,160,170)
```
#48a7b4
```
#48a7b4 rgb(72,167,180)
```
#3eaebe
```
#3eaebe rgb(62,174,190)
```
#35b6c7
```
#35b6c7 rgb(53,182,199)
```
#2bbdd1
```
#2bbdd1 rgb(43,189,209)
```
#21c4db
```
#21c4db rgb(33,196,219)
```
#18cce4
```
#18cce4 rgb(24,204,228)
```
#0ed3ee
```
#0ed3ee rgb(14,211,238)
```
#04daf8
```
#04daf8 rgb(4,218,248)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#7f9ca0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acafc9 Protanopia 1% of men
#aaadda Deuteranopia 1% of men
#30c1cf Tritanopia 0.001% of the population

Trichromacy

#7db4cb Protanomaly 1% of men, 0.01% of women
#7bb3d7 Deuteranomaly 6% of men, 0.4% of women
#2ebfcf Tritanomaly 0.01% of the population

#2bbdd1 hex color

#2bbdd1 Color Information

#2bbdd1 Color Conversion

Color Schemes with #2bbdd1

Alternatives to #2bbdd1

#2bbdd1 Preview

Shades and Tints of #2bbdd1

Tones of #2bbdd1

Color Blindness Simulator