#2ba9bd hex color

In a RGB color space, hex #2ba9bd is composed of 16.9% red, 66.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 10.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 188.2 degrees, a saturation of 62.9% and a lightness of 45.5%. #2ba9bd color hex could be obtained by blending #56ffff with #00537b. Closest websafe color is: #3399cc.

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

● #2ba9bd color description : Strong cyan.

The hexadecimal color #2ba9bd has RGB values of R:43, G:169, B:189 and CMYK values of C:0.77, M:0.11, Y:0, K:0.26. Its decimal value is 2861501.

Hex triplet	2ba9bd	`#2ba9bd`
RGB Decimal	43, 169, 189	`rgb(43,169,189)`
RGB Percent	16.9, 66.3, 74.1	`rgb(16.9%,66.3%,74.1%)`
CMYK	77, 11, 0, 26
HSL	188.2°, 62.9, 45.5	`hsl(188.2,62.9%,45.5%)`
HSV (or HSB)	188.2°, 77.2, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.804, -26.352, -19.874
XYZ	24.367, 32.561, 53.142
xyY	0.221, 0.296, 32.561
CIE-LCH	63.804, 33.006, 217.022
CIE-LUV	63.804, -43.832, -26.862
Hunter-Lab	57.063, -23.636, -15.273
Binary	00101011, 10101001, 10111101

#2ba9bd
```
#2ba9bd rgb(43,169,189)
```
#bd3f2b
```
#bd3f2b rgb(189,63,43)
```

Complementary Color

#2bbd88
```
#2bbd88 rgb(43,189,136)
```
#2ba9bd
```
#2ba9bd rgb(43,169,189)
```
#2b60bd
```
#2b60bd rgb(43,96,189)
```

Analogous Color

#bd882b
```
#bd882b rgb(189,136,43)
```
#2ba9bd
```
#2ba9bd rgb(43,169,189)
```
#bd2b60
```
#bd2b60 rgb(189,43,96)
```

Split Complementary Color

#a9bd2b
```
#a9bd2b rgb(169,189,43)
```
#2ba9bd
```
#2ba9bd rgb(43,169,189)
```
#bd2ba9
```
#bd2ba9 rgb(189,43,169)
```

Triadic Color

#2bbd3f
```
#2bbd3f rgb(43,189,63)
```
#2ba9bd
```
#2ba9bd rgb(43,169,189)
```
#bd2ba9
```
#bd2ba9 rgb(189,43,169)
```
#bd3f2b
```
#bd3f2b rgb(189,63,43)
```

Tetradic Color

#1d717f
```
#1d717f rgb(29,113,127)
```
#228493
```
#228493 rgb(34,132,147)
```
#2696a8
```
#2696a8 rgb(38,150,168)
```
#2ba9bd
```
#2ba9bd rgb(43,169,189)
```
#31bad0
```
#31bad0 rgb(49,186,208)
```
#46c1d5
```
#46c1d5 rgb(70,193,213)
```
#5bc8da
```
#5bc8da rgb(91,200,218)
```

Monochromatic Color

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

#2bbdad
```
#2bbdad rgb(43,189,173)
```
#2bbdb9
```
#2bbdb9 rgb(43,189,185)
```
#2bb5bd
```
#2bb5bd rgb(43,181,189)
```
#2ba9bd
```
#2ba9bd rgb(43,169,189)
```
#2b9dbd
```
#2b9dbd rgb(43,157,189)
```
#2b91bd
```
#2b91bd rgb(43,145,189)
```
#2b85bd
```
#2b85bd rgb(43,133,189)
```

Similar Colors

Text with hexadecimal color #2ba9bd

This text has a font color of #2ba9bd.

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

#2ba9bd background color

This paragraph has a background color of #2ba9bd.

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

#2ba9bd border color

This element has a border color of #2ba9bd.

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

CSS codes

.text {color:#2ba9bd;}

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

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

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

#030c0d
```
#030c0d rgb(3,12,13)
```
#071a1d
```
#071a1d rgb(7,26,29)
```
#0a282d
```
#0a282d rgb(10,40,45)
```
#0e373d
```
#0e373d rgb(14,55,61)
```
#12454d
```
#12454d rgb(18,69,77)
```
#15535d
```
#15535d rgb(21,83,93)
```
#19626d
```
#19626d rgb(25,98,109)
```
#1c707d
```
#1c707d rgb(28,112,125)
```
#207e8d
```
#207e8d rgb(32,126,141)
```
#248c9d
```
#248c9d rgb(36,140,157)
```
#279bad
```
#279bad rgb(39,155,173)
```
#2ba9bd
```
#2ba9bd rgb(43,169,189)
```
#2fb7cd
```
#2fb7cd rgb(47,183,205)
```

Shade Color Variation

#3cbed3
```
#3cbed3 rgb(60,190,211)
```
#4cc3d6
```
#4cc3d6 rgb(76,195,214)
```
#5cc9da
```
#5cc9da rgb(92,201,218)
```
#6ccede
```
#6ccede rgb(108,206,222)
```
#7cd3e1
```
#7cd3e1 rgb(124,211,225)
```
#8cd9e5
```
#8cd9e5 rgb(140,217,229)
```
#9cdee9
```
#9cdee9 rgb(156,222,233)
```
#ace3ec
```
#ace3ec rgb(172,227,236)
```
#bce9f0
```
#bce9f0 rgb(188,233,240)
```
#cceef3
```
#cceef3 rgb(204,238,243)
```
#dcf3f7
```
#dcf3f7 rgb(220,243,247)
```
#ecf9fb
```
#ecf9fb rgb(236,249,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#727576
```
#727576 rgb(114,117,118)
```
#697c7f
```
#697c7f rgb(105,124,127)
```
#618287
```
#618287 rgb(97,130,135)
```
#588990
```
#588990 rgb(88,137,144)
```
#4f8f99
```
#4f8f99 rgb(79,143,153)
```
#4696a2
```
#4696a2 rgb(70,150,162)
```
#3d9cab
```
#3d9cab rgb(61,156,171)
```
#34a3b4
```
#34a3b4 rgb(52,163,180)
```
#2ba9bd
```
#2ba9bd rgb(43,169,189)
```
#22afc6
```
#22afc6 rgb(34,175,198)
```
#19b6cf
```
#19b6cf rgb(25,182,207)
```
#10bcd8
```
#10bcd8 rgb(16,188,216)
```
#07c3e1
```
#07c3e1 rgb(7,195,225)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#748d91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9eb7 Protanopia 1% of men
#999dc6 Deuteranopia 1% of men
#30aebb Tritanopia 0.001% of the population

Trichromacy

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

#2ba9bd hex color

#2ba9bd Color Information

#2ba9bd Color Conversion

Color Schemes with #2ba9bd

Alternatives to #2ba9bd

#2ba9bd Preview

Shades and Tints of #2ba9bd

Tones of #2ba9bd

Color Blindness Simulator