#2ba8bb hex color

In a RGB color space, hex #2ba8bb is composed of 16.9% red, 65.9% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 10.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 187.9 degrees, a saturation of 62.6% and a lightness of 45.1%. #2ba8bb color hex could be obtained by blending #56ffff with #005177. Closest websafe color is: #3399cc.

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

● #2ba8bb color description : Strong cyan.

The hexadecimal color #2ba8bb has RGB values of R:43, G:168, B:187 and CMYK values of C:0.77, M:0.1, Y:0, K:0.27. Its decimal value is 2861243.

Hex triplet	2ba8bb	`#2ba8bb`
RGB Decimal	43, 168, 187	`rgb(43,168,187)`
RGB Percent	16.9, 65.9, 73.3	`rgb(16.9%,65.9%,73.3%)`
CMYK	77, 10, 0, 27
HSL	187.9°, 62.6, 45.1	`hsl(187.9,62.6%,45.1%)`
HSV (or HSB)	187.9°, 77, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.429, -26.487, -19.328
XYZ	23.966, 32.104, 51.945
xyY	0.222, 0.297, 32.104
CIE-LCH	63.429, 32.789, 216.12
CIE-LUV	63.429, -43.613, -25.935
Hunter-Lab	56.661, -23.656, -14.692
Binary	00101011, 10101000, 10111011

#2ba8bb
```
#2ba8bb rgb(43,168,187)
```
#bb3e2b
```
#bb3e2b rgb(187,62,43)
```

Complementary Color

#2bbb86
```
#2bbb86 rgb(43,187,134)
```
#2ba8bb
```
#2ba8bb rgb(43,168,187)
```
#2b60bb
```
#2b60bb rgb(43,96,187)
```

Analogous Color

#bb862b
```
#bb862b rgb(187,134,43)
```
#2ba8bb
```
#2ba8bb rgb(43,168,187)
```
#bb2b60
```
#bb2b60 rgb(187,43,96)
```

Split Complementary Color

#a8bb2b
```
#a8bb2b rgb(168,187,43)
```
#2ba8bb
```
#2ba8bb rgb(43,168,187)
```
#bb2ba8
```
#bb2ba8 rgb(187,43,168)
```

Triadic Color

#2bbb3e
```
#2bbb3e rgb(43,187,62)
```
#2ba8bb
```
#2ba8bb rgb(43,168,187)
```
#bb2ba8
```
#bb2ba8 rgb(187,43,168)
```
#bb3e2b
```
#bb3e2b rgb(187,62,43)
```

Tetradic Color

#1d707d
```
#1d707d rgb(29,112,125)
```
#218392
```
#218392 rgb(33,131,146)
```
#2695a6
```
#2695a6 rgb(38,149,166)
```
#2ba8bb
```
#2ba8bb rgb(43,168,187)
```
#30bacf
```
#30bacf rgb(48,186,207)
```
#45c1d4
```
#45c1d4 rgb(69,193,212)
```
#5ac8d9
```
#5ac8d9 rgb(90,200,217)
```

Monochromatic Color

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

#2bbbaa
```
#2bbbaa rgb(43,187,170)
```
#2bbbb6
```
#2bbbb6 rgb(43,187,182)
```
#2bb4bb
```
#2bb4bb rgb(43,180,187)
```
#2ba8bb
```
#2ba8bb rgb(43,168,187)
```
#2b9cbb
```
#2b9cbb rgb(43,156,187)
```
#2b90bb
```
#2b90bb rgb(43,144,187)
```
#2b84bb
```
#2b84bb rgb(43,132,187)
```

Similar Colors

Text with hexadecimal color #2ba8bb

This text has a font color of #2ba8bb.

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

#2ba8bb background color

This paragraph has a background color of #2ba8bb.

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

#2ba8bb border color

This element has a border color of #2ba8bb.

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

CSS codes

.text {color:#2ba8bb;}

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

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

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

#030a0c
```
#030a0c rgb(3,10,12)
```
#06191c
```
#06191c rgb(6,25,28)
```
#0a272b
```
#0a272b rgb(10,39,43)
```
#0e353b
```
#0e353b rgb(14,53,59)
```
#11444b
```
#11444b rgb(17,68,75)
```
#15525b
```
#15525b rgb(21,82,91)
```
#19606b
```
#19606b rgb(25,96,107)
```
#1c6f7b
```
#1c6f7b rgb(28,111,123)
```
#207d8b
```
#207d8b rgb(32,125,139)
```
#248b9b
```
#248b9b rgb(36,139,155)
```
#279aab
```
#279aab rgb(39,154,171)
```
#2ba8bb
```
#2ba8bb rgb(43,168,187)
```
#2fb6cb
```
#2fb6cb rgb(47,182,203)
```

Shade Color Variation

#3bbed2
```
#3bbed2 rgb(59,190,210)
```
#4bc3d6
```
#4bc3d6 rgb(75,195,214)
```
#5bc9d9
```
#5bc9d9 rgb(91,201,217)
```
#6bcedd
```
#6bcedd rgb(107,206,221)
```
#7bd3e1
```
#7bd3e1 rgb(123,211,225)
```
#8bd9e4
```
#8bd9e4 rgb(139,217,228)
```
#9bdee8
```
#9bdee8 rgb(155,222,232)
```
#abe3ec
```
#abe3ec rgb(171,227,236)
```
#bbe8ef
```
#bbe8ef rgb(187,232,239)
```
#cbeef3
```
#cbeef3 rgb(203,238,243)
```
#dbf3f7
```
#dbf3f7 rgb(219,243,247)
```
#ebf8fa
```
#ebf8fa rgb(235,248,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#727474
```
#727474 rgb(114,116,116)
```
#697a7d
```
#697a7d rgb(105,122,125)
```
#608186
```
#608186 rgb(96,129,134)
```
#57878f
```
#57878f rgb(87,135,143)
```
#4e8e98
```
#4e8e98 rgb(78,142,152)
```
#4694a0
```
#4694a0 rgb(70,148,160)
```
#3d9ba9
```
#3d9ba9 rgb(61,155,169)
```
#34a1b2
```
#34a1b2 rgb(52,161,178)
```
#2ba8bb
```
#2ba8bb rgb(43,168,187)
```
#22afc4
```
#22afc4 rgb(34,175,196)
```
#19b5cd
```
#19b5cd rgb(25,181,205)
```
#10bcd6
```
#10bcd6 rgb(16,188,214)
```
#08c2de
```
#08c2de rgb(8,194,222)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#738c90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9db5 Protanopia 1% of men
#989cc4 Deuteranopia 1% of men
#31adba Tritanopia 0.001% of the population

Trichromacy

#71a1b7 Protanomaly 1% of men, 0.01% of women
#70a0c1 Deuteranomaly 6% of men, 0.4% of women
#2eabba Tritanomaly 0.01% of the population

#2ba8bb hex color

#2ba8bb Color Information

#2ba8bb Color Conversion

Color Schemes with #2ba8bb

Alternatives to #2ba8bb

#2ba8bb Preview

Shades and Tints of #2ba8bb

Tones of #2ba8bb

Color Blindness Simulator