#2bbae2 hex color

In a RGB color space, hex #2bbae2 is composed of 16.9% red, 72.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 17.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 193.1 degrees, a saturation of 75.9% and a lightness of 52.7%. #2bbae2 color hex could be obtained by blending #56ffff with #0075c5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 73
- B 89
RGB color chart
- C 81
- M 18
- Y 0
- K 11
CMYK color chart

● #2bbae2 color description : Bright cyan.

The hexadecimal color #2bbae2 has RGB values of R:43, G:186, B:226 and CMYK values of C:0.81, M:0.18, Y:0, K:0.11. Its decimal value is 2865890.

Hex triplet	2bbae2	`#2bbae2`
RGB Decimal	43, 186, 226	`rgb(43,186,226)`
RGB Percent	16.9, 72.9, 88.6	`rgb(16.9%,72.9%,88.6%)`
CMYK	81, 18, 0, 11
HSL	193.1°, 75.9, 52.7	`hsl(193.1,75.9%,52.7%)`
HSV (or HSB)	193.1°, 81, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.259, -22.965, -30.371
XYZ	32.279, 41.119, 78.183
xyY	0.213, 0.271, 41.119
CIE-LCH	70.259, 38.076, 232.905
CIE-LUV	70.259, -47.238, -45.23
Hunter-Lab	64.124, -22.364, -27.402
Binary	00101011, 10111010, 11100010

#2bbae2
```
#2bbae2 rgb(43,186,226)
```
#e2532b
```
#e2532b rgb(226,83,43)
```

Complementary Color

#2be2af
```
#2be2af rgb(43,226,175)
```
#2bbae2
```
#2bbae2 rgb(43,186,226)
```
#2b5fe2
```
#2b5fe2 rgb(43,95,226)
```

Analogous Color

#e2af2b
```
#e2af2b rgb(226,175,43)
```
#2bbae2
```
#2bbae2 rgb(43,186,226)
```
#e22b5f
```
#e22b5f rgb(226,43,95)
```

Split Complementary Color

#bae22b
```
#bae22b rgb(186,226,43)
```
#2bbae2
```
#2bbae2 rgb(43,186,226)
```
#e22bba
```
#e22bba rgb(226,43,186)
```

Triadic Color

#2be253
```
#2be253 rgb(43,226,83)
```
#2bbae2
```
#2bbae2 rgb(43,186,226)
```
#e22bba
```
#e22bba rgb(226,43,186)
```
#e2532b
```
#e2532b rgb(226,83,43)
```

Tetradic Color

#1789a9
```
#1789a9 rgb(23,137,169)
```
#1a9cc0
```
#1a9cc0 rgb(26,156,192)
```
#1daed6
```
#1daed6 rgb(29,174,214)
```
#2bbae2
```
#2bbae2 rgb(43,186,226)
```
#41c1e5
```
#41c1e5 rgb(65,193,229)
```
#58c9e8
```
#58c9e8 rgb(88,201,232)
```
#6ed0eb
```
#6ed0eb rgb(110,208,235)
```

Monochromatic Color

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

#2be2dc
```
#2be2dc rgb(43,226,220)
```
#2bd9e2
```
#2bd9e2 rgb(43,217,226)
```
#2bc9e2
```
#2bc9e2 rgb(43,201,226)
```
#2bbae2
```
#2bbae2 rgb(43,186,226)
```
#2babe2
```
#2babe2 rgb(43,171,226)
```
#2b9ce2
```
#2b9ce2 rgb(43,156,226)
```
#2b8ce2
```
#2b8ce2 rgb(43,140,226)
```

Similar Colors

Text with hexadecimal color #2bbae2

This text has a font color of #2bbae2.

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

#2bbae2 background color

This paragraph has a background color of #2bbae2.

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

#2bbae2 border color

This element has a border color of #2bbae2.

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

CSS codes

.text {color:#2bbae2;}

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

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

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

#020a0c
```
#020a0c rgb(2,10,12)
```
#04181e
```
#04181e rgb(4,24,30)
```
#06262f
```
#06262f rgb(6,38,47)
```
#093440
```
#093440 rgb(9,52,64)
```
#0b4251
```
#0b4251 rgb(11,66,81)
```
#0d5063
```
#0d5063 rgb(13,80,99)
```
#105e74
```
#105e74 rgb(16,94,116)
```
#126c85
```
#126c85 rgb(18,108,133)
```
#157a96
```
#157a96 rgb(21,122,150)
```
#1788a8
```
#1788a8 rgb(23,136,168)
```
#1996b9
```
#1996b9 rgb(25,150,185)
```
#1ca4ca
```
#1ca4ca rgb(28,164,202)
```
#1eb2db
```
#1eb2db rgb(30,178,219)
```

Shade Color Variation

#2bbae2
```
#2bbae2 rgb(43,186,226)
```
#3cc0e4
```
#3cc0e4 rgb(60,192,228)
```
#4ec5e7
```
#4ec5e7 rgb(78,197,231)
```
#5fcbe9
```
#5fcbe9 rgb(95,203,233)
```
#70d0eb
```
#70d0eb rgb(112,208,235)
```
#81d6ee
```
#81d6ee rgb(129,214,238)
```
#93dcf0
```
#93dcf0 rgb(147,220,240)
```
#a4e1f3
```
#a4e1f3 rgb(164,225,243)
```
#b5e7f5
```
#b5e7f5 rgb(181,231,245)
```
#c6edf7
```
#c6edf7 rgb(198,237,247)
```
#d8f2fa
```
#d8f2fa rgb(216,242,250)
```
#e9f8fc
```
#e9f8fc rgb(233,248,252)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#7e8b8f
```
#7e8b8f rgb(126,139,143)
```
#759098
```
#759098 rgb(117,144,152)
```
#6c95a1
```
#6c95a1 rgb(108,149,161)
```
#639baa
```
#639baa rgb(99,155,170)
```
#59a0b4
```
#59a0b4 rgb(89,160,180)
```
#50a5bd
```
#50a5bd rgb(80,165,189)
```
#47aac6
```
#47aac6 rgb(71,170,198)
```
#3eb0cf
```
#3eb0cf rgb(62,176,207)
```
#34b5d9
```
#34b5d9 rgb(52,181,217)
```
#2bbae2
```
#2bbae2 rgb(43,186,226)
```
#22bfeb
```
#22bfeb rgb(34,191,235)
```
#18c4f5
```
#18c4f5 rgb(24,196,245)
```
#0fcafe
```
#0fcafe rgb(15,202,254)
```

Tone Color Variation

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

Dichromacy

#a4aed9 Protanopia 1% of men
#9daee9 Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#78b2dc Protanomaly 1% of men, 0.01% of women
#73b2e6 Deuteranomaly 6% of men, 0.4% of women
#0fbed6 Tritanomaly 0.01% of the population

#2bbae2 hex color

#2bbae2 Color Information

#2bbae2 Color Conversion

Color Schemes with #2bbae2

Alternatives to #2bbae2

#2bbae2 Preview

Shades and Tints of #2bbae2

Tones of #2bbae2

Color Blindness Simulator