#2bbddd hex color

In a RGB color space, hex #2bbddd is composed of 16.9% red, 74.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 14.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 190.8 degrees, a saturation of 72.4% and a lightness of 51.8%. #2bbddd color hex could be obtained by blending #56ffff with #007bbb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 74
- B 87
RGB color chart
- C 81
- M 14
- Y 0
- K 13
CMYK color chart

● #2bbddd color description : Bright cyan.

The hexadecimal color #2bbddd has RGB values of R:43, G:189, B:221 and CMYK values of C:0.81, M:0.14, Y:0, K:0.13. Its decimal value is 2866653.

Hex triplet	2bbddd	`#2bbddd`
RGB Decimal	43, 189, 221	`rgb(43,189,221)`
RGB Percent	16.9, 74.1, 86.7	`rgb(16.9%,74.1%,86.7%)`
CMYK	81, 14, 0, 13
HSL	190.8°, 72.4, 51.8	`hsl(190.8,72.4%,51.8%)`
HSV (or HSB)	190.8°, 80.5, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.958, -26.11, -26.572
XYZ	32.241, 42.126, 74.835
xyY	0.216, 0.282, 42.126
CIE-LCH	70.958, 37.254, 225.502
CIE-LUV	70.958, -48.625, -38.455
Hunter-Lab	64.905, -24.913, -22.928
Binary	00101011, 10111101, 11011101

#2bbddd
```
#2bbddd rgb(43,189,221)
```
#dd4b2b
```
#dd4b2b rgb(221,75,43)
```

Complementary Color

#2bdda4
```
#2bdda4 rgb(43,221,164)
```
#2bbddd
```
#2bbddd rgb(43,189,221)
```
#2b64dd
```
#2b64dd rgb(43,100,221)
```

Analogous Color

#dda42b
```
#dda42b rgb(221,164,43)
```
#2bbddd
```
#2bbddd rgb(43,189,221)
```
#dd2b64
```
#dd2b64 rgb(221,43,100)
```

Split Complementary Color

#bddd2b
```
#bddd2b rgb(189,221,43)
```
#2bbddd
```
#2bbddd rgb(43,189,221)
```
#dd2bbd
```
#dd2bbd rgb(221,43,189)
```

Triadic Color

#2bdd4b
```
#2bdd4b rgb(43,221,75)
```
#2bbddd
```
#2bbddd rgb(43,189,221)
```
#dd2bbd
```
#dd2bbd rgb(221,43,189)
```
#dd4b2b
```
#dd4b2b rgb(221,75,43)
```

Tetradic Color

#1a89a2
```
#1a89a2 rgb(26,137,162)
```
#1d9cb8
```
#1d9cb8 rgb(29,156,184)
```
#21afce
```
#21afce rgb(33,175,206)
```
#2bbddd
```
#2bbddd rgb(43,189,221)
```
#41c4e1
```
#41c4e1 rgb(65,196,225)
```
#57cbe4
```
#57cbe4 rgb(87,203,228)
```
#6dd2e8
```
#6dd2e8 rgb(109,210,232)
```

Monochromatic Color

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

#2bddd1
```
#2bddd1 rgb(43,221,209)
```
#2bdbdd
```
#2bdbdd rgb(43,219,221)
```
#2bccdd
```
#2bccdd rgb(43,204,221)
```
#2bbddd
```
#2bbddd rgb(43,189,221)
```
#2baedd
```
#2baedd rgb(43,174,221)
```
#2b9fdd
```
#2b9fdd rgb(43,159,221)
```
#2b91dd
```
#2b91dd rgb(43,145,221)
```

Similar Colors

Text with hexadecimal color #2bbddd

This text has a font color of #2bbddd.

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

#2bbddd background color

This paragraph has a background color of #2bbddd.

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

#2bbddd border color

This element has a border color of #2bbddd.

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

CSS codes

.text {color:#2bbddd;}

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

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

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

#010708
```
#010708 rgb(1,7,8)
```
#041519
```
#041519 rgb(4,21,25)
```
#07232a
```
#07232a rgb(7,35,42)
```
#09323a
```
#09323a rgb(9,50,58)
```
#0c404b
```
#0c404b rgb(12,64,75)
```
#0f4e5c
```
#0f4e5c rgb(15,78,92)
```
#125d6d
```
#125d6d rgb(18,93,109)
```
#146b7e
```
#146b7e rgb(20,107,126)
```
#17798f
```
#17798f rgb(23,121,143)
```
#1a88a0
```
#1a88a0 rgb(26,136,160)
```
#1c96b1
```
#1c96b1 rgb(28,150,177)
```
#1fa4c2
```
#1fa4c2 rgb(31,164,194)
```
#22b3d3
```
#22b3d3 rgb(34,179,211)
```

Shade Color Variation

#2bbddd
```
#2bbddd rgb(43,189,221)
```
#3cc2e0
```
#3cc2e0 rgb(60,194,224)
```
#4dc8e2
```
#4dc8e2 rgb(77,200,226)
```
#5ecde5
```
#5ecde5 rgb(94,205,229)
```
#6fd2e8
```
#6fd2e8 rgb(111,210,232)
```
#80d7eb
```
#80d7eb rgb(128,215,235)
```
#90dded
```
#90dded rgb(144,221,237)
```
#a1e2f0
```
#a1e2f0 rgb(161,226,240)
```
#b2e7f3
```
#b2e7f3 rgb(178,231,243)
```
#c3ecf5
```
#c3ecf5 rgb(195,236,245)
```
#d4f2f8
```
#d4f2f8 rgb(212,242,248)
```
#e5f7fb
```
#e5f7fb rgb(229,247,251)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

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

#808688
```
#808688 rgb(128,134,136)
```
#778d91
```
#778d91 rgb(119,141,145)
```
#6d939b
```
#6d939b rgb(109,147,155)
```
#6499a4
```
#6499a4 rgb(100,153,164)
```
#5a9fae
```
#5a9fae rgb(90,159,174)
```
#51a5b7
```
#51a5b7 rgb(81,165,183)
```
#47abc1
```
#47abc1 rgb(71,171,193)
```
#3eb1ca
```
#3eb1ca rgb(62,177,202)
```
#34b7d4
```
#34b7d4 rgb(52,183,212)
```
#2bbddd
```
#2bbddd rgb(43,189,221)
```
#22c3e6
```
#22c3e6 rgb(34,195,230)
```
#18c9f0
```
#18c9f0 rgb(24,201,240)
```
#0fcff9
```
#0fcff9 rgb(15,207,249)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#809da3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b0d4 Protanopia 1% of men
#a4afe5 Deuteranopia 1% of men
#1ec2d1 Tritanopia 0.001% of the population

Trichromacy

#7bb4d7 Protanomaly 1% of men, 0.01% of women
#78b4e2 Deuteranomaly 6% of men, 0.4% of women
#23c0d5 Tritanomaly 0.01% of the population

#2bbddd hex color

#2bbddd Color Information

#2bbddd Color Conversion

Color Schemes with #2bbddd

Alternatives to #2bbddd

#2bbddd Preview

Shades and Tints of #2bbddd

Tones of #2bbddd

Color Blindness Simulator