#2ba0bc hex color

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

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

● #2ba0bc color description : Strong cyan.

The hexadecimal color #2ba0bc has RGB values of R:43, G:160, B:188 and CMYK values of C:0.77, M:0.15, Y:0, K:0.26. Its decimal value is 2859196.

Hex triplet	2ba0bc	`#2ba0bc`
RGB Decimal	43, 160, 188	`rgb(43,160,188)`
RGB Percent	16.9, 62.7, 73.7	`rgb(16.9%,62.7%,73.7%)`
CMYK	77, 15, 0, 26
HSL	191.6°, 62.8, 45.3	`hsl(191.6,62.8%,45.3%)`
HSV (or HSB)	191.6°, 77.1, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.031, -22.081, -23.551
XYZ	22.642, 29.284, 52.033
xyY	0.218, 0.282, 29.284
CIE-LCH	61.031, 32.283, 226.846
CIE-LUV	61.031, -40.696, -33.221
Hunter-Lab	54.115, -20.016, -19.129
Binary	00101011, 10100000, 10111100

#2ba0bc
```
#2ba0bc rgb(43,160,188)
```
#bc472b
```
#bc472b rgb(188,71,43)
```

Complementary Color

#2bbc90
```
#2bbc90 rgb(43,188,144)
```
#2ba0bc
```
#2ba0bc rgb(43,160,188)
```
#2b57bc
```
#2b57bc rgb(43,87,188)
```

Analogous Color

#bc902b
```
#bc902b rgb(188,144,43)
```
#2ba0bc
```
#2ba0bc rgb(43,160,188)
```
#bc2b57
```
#bc2b57 rgb(188,43,87)
```

Split Complementary Color

#a0bc2b
```
#a0bc2b rgb(160,188,43)
```
#2ba0bc
```
#2ba0bc rgb(43,160,188)
```
#bc2ba0
```
#bc2ba0 rgb(188,43,160)
```

Triadic Color

#2bbc47
```
#2bbc47 rgb(43,188,71)
```
#2ba0bc
```
#2ba0bc rgb(43,160,188)
```
#bc2ba0
```
#bc2ba0 rgb(188,43,160)
```
#bc472b
```
#bc472b rgb(188,71,43)
```

Tetradic Color

#1d6b7e
```
#1d6b7e rgb(29,107,126)
```
#227d92
```
#227d92 rgb(34,125,146)
```
#268ea7
```
#268ea7 rgb(38,142,167)
```
#2ba0bc
```
#2ba0bc rgb(43,160,188)
```
#31b1d0
```
#31b1d0 rgb(49,177,208)
```
#45b9d5
```
#45b9d5 rgb(69,185,213)
```
#5ac1d9
```
#5ac1d9 rgb(90,193,217)
```

Monochromatic Color

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

#2bbcb4
```
#2bbcb4 rgb(43,188,180)
```
#2bb8bc
```
#2bb8bc rgb(43,184,188)
```
#2bacbc
```
#2bacbc rgb(43,172,188)
```
#2ba0bc
```
#2ba0bc rgb(43,160,188)
```
#2b94bc
```
#2b94bc rgb(43,148,188)
```
#2b88bc
```
#2b88bc rgb(43,136,188)
```
#2b7cbc
```
#2b7cbc rgb(43,124,188)
```

Similar Colors

Text with hexadecimal color #2ba0bc

This text has a font color of #2ba0bc.

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

#2ba0bc background color

This paragraph has a background color of #2ba0bc.

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

#2ba0bc border color

This element has a border color of #2ba0bc.

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

CSS codes

.text {color:#2ba0bc;}

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

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

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)
```
#06181c
```
#06181c rgb(6,24,28)
```
#0a262c
```
#0a262c rgb(10,38,44)
```
#0e333c
```
#0e333c rgb(14,51,60)
```
#11414c
```
#11414c rgb(17,65,76)
```
#154e5c
```
#154e5c rgb(21,78,92)
```
#195c6c
```
#195c6c rgb(25,92,108)
```
#1c6a7c
```
#1c6a7c rgb(28,106,124)
```
#20778c
```
#20778c rgb(32,119,140)
```
#24859c
```
#24859c rgb(36,133,156)
```
#2792ac
```
#2792ac rgb(39,146,172)
```
#2ba0bc
```
#2ba0bc rgb(43,160,188)
```
#2faecc
```
#2faecc rgb(47,174,204)
```

Shade Color Variation

#3cb5d2
```
#3cb5d2 rgb(60,181,210)
```
#4cbbd6
```
#4cbbd6 rgb(76,187,214)
```
#5cc1da
```
#5cc1da rgb(92,193,218)
```
#6cc7dd
```
#6cc7dd rgb(108,199,221)
```
#7ccde1
```
#7ccde1 rgb(124,205,225)
```
#8cd3e5
```
#8cd3e5 rgb(140,211,229)
```
#9cd9e8
```
#9cd9e8 rgb(156,217,232)
```
#ace0ec
```
#ace0ec rgb(172,224,236)
```
#bce6f0
```
#bce6f0 rgb(188,230,240)
```
#ccecf3
```
#ccecf3 rgb(204,236,243)
```
#dcf2f7
```
#dcf2f7 rgb(220,242,247)
```
#ebf8fb
```
#ebf8fb rgb(235,248,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#727475
```
#727475 rgb(114,116,117)
```
#697a7e
```
#697a7e rgb(105,122,126)
```
#607f87
```
#607f87 rgb(96,127,135)
```
#578590
```
#578590 rgb(87,133,144)
```
#4f8a98
```
#4f8a98 rgb(79,138,152)
```
#4690a1
```
#4690a1 rgb(70,144,161)
```
#3d95aa
```
#3d95aa rgb(61,149,170)
```
#349bb3
```
#349bb3 rgb(52,155,179)
```
#2ba0bc
```
#2ba0bc rgb(43,160,188)
```
#22a5c5
```
#22a5c5 rgb(34,165,197)
```
#19abce
```
#19abce rgb(25,171,206)
```
#10b0d7
```
#10b0d7 rgb(16,176,215)
```
#07b6e0
```
#07b6e0 rgb(7,182,224)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6f868c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9197b6 Protanopia 1% of men
#8d96c5 Deuteranopia 1% of men
#27a7b3 Tritanopia 0.001% of the population

Trichromacy

#6c9ab8 Protanomaly 1% of men, 0.01% of women
#699ac1 Deuteranomaly 6% of men, 0.4% of women
#28a4b6 Tritanomaly 0.01% of the population

#2ba0bc hex color

#2ba0bc Color Information

#2ba0bc Color Conversion

Color Schemes with #2ba0bc

Alternatives to #2ba0bc

#2ba0bc Preview

Shades and Tints of #2ba0bc

Tones of #2ba0bc

Color Blindness Simulator