#2ba9bc hex color

In a RGB color space, hex #2ba9bc is composed of 16.9% red, 66.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 10.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 187.9 degrees, a saturation of 62.8% and a lightness of 45.3%. #2ba9bc color hex could be obtained by blending #56ffff with #005379. Closest websafe color is: #3399cc.

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

● #2ba9bc color description : Strong cyan.

The hexadecimal color #2ba9bc has RGB values of R:43, G:169, B:188 and CMYK values of C:0.77, M:0.1, Y:0, K:0.26. Its decimal value is 2861500.

Hex triplet	2ba9bc	`#2ba9bc`
RGB Decimal	43, 169, 188	`rgb(43,169,188)`
RGB Percent	16.9, 66.3, 73.7	`rgb(16.9%,66.3%,73.7%)`
CMYK	77, 10, 0, 26
HSL	187.9°, 62.8, 45.3	`hsl(187.9,62.8%,45.3%)`
HSV (or HSB)	187.9°, 77.1, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.769, -26.67, -19.37
XYZ	24.259, 32.518, 52.572
xyY	0.222, 0.297, 32.518
CIE-LCH	63.769, 32.962, 215.99
CIE-LUV	63.769, -43.901, -25.998
Hunter-Lab	57.025, -23.858, -14.744
Binary	00101011, 10101001, 10111100

#2ba9bc
```
#2ba9bc rgb(43,169,188)
```
#bc3e2b
```
#bc3e2b rgb(188,62,43)
```

Complementary Color

#2bbc87
```
#2bbc87 rgb(43,188,135)
```
#2ba9bc
```
#2ba9bc rgb(43,169,188)
```
#2b60bc
```
#2b60bc rgb(43,96,188)
```

Analogous Color

#bc872b
```
#bc872b rgb(188,135,43)
```
#2ba9bc
```
#2ba9bc rgb(43,169,188)
```
#bc2b61
```
#bc2b61 rgb(188,43,97)
```

Split Complementary Color

#a9bc2b
```
#a9bc2b rgb(169,188,43)
```
#2ba9bc
```
#2ba9bc rgb(43,169,188)
```
#bc2ba9
```
#bc2ba9 rgb(188,43,169)
```

Triadic Color

#2bbc3e
```
#2bbc3e rgb(43,188,62)
```
#2ba9bc
```
#2ba9bc rgb(43,169,188)
```
#bc2ba9
```
#bc2ba9 rgb(188,43,169)
```
#bc3e2b
```
#bc3e2b rgb(188,62,43)
```

Tetradic Color

#1d717e
```
#1d717e rgb(29,113,126)
```
#228492
```
#228492 rgb(34,132,146)
```
#2696a7
```
#2696a7 rgb(38,150,167)
```
#2ba9bc
```
#2ba9bc rgb(43,169,188)
```
#31bbd0
```
#31bbd0 rgb(49,187,208)
```
#45c2d5
```
#45c2d5 rgb(69,194,213)
```
#5ac9d9
```
#5ac9d9 rgb(90,201,217)
```

Monochromatic Color

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

#2bbcab
```
#2bbcab rgb(43,188,171)
```
#2bbcb7
```
#2bbcb7 rgb(43,188,183)
```
#2bb5bc
```
#2bb5bc rgb(43,181,188)
```
#2ba9bc
```
#2ba9bc rgb(43,169,188)
```
#2b9dbc
```
#2b9dbc rgb(43,157,188)
```
#2b91bc
```
#2b91bc rgb(43,145,188)
```
#2b85bc
```
#2b85bc rgb(43,133,188)
```

Similar Colors

Text with hexadecimal color #2ba9bc

This text has a font color of #2ba9bc.

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

#2ba9bc background color

This paragraph has a background color of #2ba9bc.

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

#2ba9bc border color

This element has a border color of #2ba9bc.

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

CSS codes

.text {color:#2ba9bc;}

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

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

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

#030b0c
```
#030b0c rgb(3,11,12)
```
#06191c
```
#06191c rgb(6,25,28)
```
#0a282c
```
#0a282c rgb(10,40,44)
```
#0e363c
```
#0e363c rgb(14,54,60)
```
#11454c
```
#11454c rgb(17,69,76)
```
#15535c
```
#15535c rgb(21,83,92)
```
#19616c
```
#19616c rgb(25,97,108)
```
#1c707c
```
#1c707c rgb(28,112,124)
```
#207e8c
```
#207e8c rgb(32,126,140)
```
#248c9c
```
#248c9c rgb(36,140,156)
```
#279bac
```
#279bac rgb(39,155,172)
```
#2ba9bc
```
#2ba9bc rgb(43,169,188)
```
#2fb7cc
```
#2fb7cc rgb(47,183,204)
```

Shade Color Variation

#3cbfd2
```
#3cbfd2 rgb(60,191,210)
```
#4cc4d6
```
#4cc4d6 rgb(76,196,214)
```
#5cc9da
```
#5cc9da rgb(92,201,218)
```
#6ccedd
```
#6ccedd rgb(108,206,221)
```
#7cd4e1
```
#7cd4e1 rgb(124,212,225)
```
#8cd9e5
```
#8cd9e5 rgb(140,217,229)
```
#9cdee8
```
#9cdee8 rgb(156,222,232)
```
#ace3ec
```
#ace3ec rgb(172,227,236)
```
#bce9f0
```
#bce9f0 rgb(188,233,240)
```
#cceef3
```
#cceef3 rgb(204,238,243)
```
#dcf3f7
```
#dcf3f7 rgb(220,243,247)
```
#ebf9fb
```
#ebf9fb rgb(235,249,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#727575
```
#727575 rgb(114,117,117)
```
#697b7e
```
#697b7e rgb(105,123,126)
```
#608287
```
#608287 rgb(96,130,135)
```
#578890
```
#578890 rgb(87,136,144)
```
#4f8f98
```
#4f8f98 rgb(79,143,152)
```
#4695a1
```
#4695a1 rgb(70,149,161)
```
#3d9caa
```
#3d9caa rgb(61,156,170)
```
#34a2b3
```
#34a2b3 rgb(52,162,179)
```
#2ba9bc
```
#2ba9bc rgb(43,169,188)
```
#22b0c5
```
#22b0c5 rgb(34,176,197)
```
#19b6ce
```
#19b6ce rgb(25,182,206)
```
#10bdd7
```
#10bdd7 rgb(16,189,215)
```
#07c3e0
```
#07c3e0 rgb(7,195,224)
```

Tone Color Variation

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

#9b9eb6 Protanopia 1% of men
#999cc5 Deuteranopia 1% of men
#31aebb Tritanopia 0.001% of the population

Trichromacy

#72a2b8 Protanomaly 1% of men, 0.01% of women
#71a1c2 Deuteranomaly 6% of men, 0.4% of women
#2eacbb Tritanomaly 0.01% of the population

#2ba9bc hex color

#2ba9bc Color Information

#2ba9bc Color Conversion

Color Schemes with #2ba9bc

Alternatives to #2ba9bc

#2ba9bc Preview

Shades and Tints of #2ba9bc

Tones of #2ba9bc

Color Blindness Simulator