colorhexa.com

#2ba0b6 hex color

In a RGB color space, hex #2ba0b6 is composed of 16.9% red, 62.7% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 12.1% magenta, 0% yellow and 28.6% black. It has a hue angle of 189.5 degrees, a saturation of 61.8% and a lightness of 44.1%. #2ba0b6 color hex could be obtained by blending #56ffff with #00416d. Closest websafe color is: #3399cc.

- R 17
- G 63
- B 71
RGB color chart
- C 76
- M 12
- Y 0
- K 29
CMYK color chart

● #2ba0b6 color description : Strong cyan.

The hexadecimal color #2ba0b6 has RGB values of R:43, G:160, B:182 and CMYK values of C:0.76, M:0.12, Y:0, K:0.29. Its decimal value is 2859190.

Hex triplet	2ba0b6	`#2ba0b6`
RGB Decimal	43, 160, 182	`rgb(43,160,182)`
RGB Percent	16.9, 62.7, 71.4	`rgb(16.9%,62.7%,71.4%)`
CMYK	76, 12, 0, 29
HSL	189.5°, 61.8, 44.1	`hsl(189.5,61.8%,44.1%)`
HSV (or HSB)	189.5°, 76.4, 71.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.809, -24.038, -20.519
XYZ	22.008, 29.031, 48.697
xyY	0.221, 0.291, 29.031
CIE-LCH	60.809, 31.605, 220.484
CIE-LUV	60.809, -41.093, -28.019
Hunter-Lab	53.88, -21.379, -15.87
Binary	00101011, 10100000, 10110110

#2ba0b6
```
#2ba0b6 rgb(43,160,182)
```
#b6412b
```
#b6412b rgb(182,65,43)
```

Complementary Color

#2bb687
```
#2bb687 rgb(43,182,135)
```
#2ba0b6
```
#2ba0b6 rgb(43,160,182)
```
#2b5ab6
```
#2b5ab6 rgb(43,90,182)
```

Analogous Color

#b6872b
```
#b6872b rgb(182,135,43)
```
#2ba0b6
```
#2ba0b6 rgb(43,160,182)
```
#b62b5b
```
#b62b5b rgb(182,43,91)
```

Split Complementary Color

#a0b62b
```
#a0b62b rgb(160,182,43)
```
#2ba0b6
```
#2ba0b6 rgb(43,160,182)
```
#b62ba0
```
#b62ba0 rgb(182,43,160)
```

Triadic Color

#2bb641
```
#2bb641 rgb(43,182,65)
```
#2ba0b6
```
#2ba0b6 rgb(43,160,182)
```
#b62ba0
```
#b62ba0 rgb(182,43,160)
```
#b6412b
```
#b6412b rgb(182,65,43)
```

Tetradic Color

#1c6a78
```
#1c6a78 rgb(28,106,120)
```
#217c8d
```
#217c8d rgb(33,124,141)
```
#268ea1
```
#268ea1 rgb(38,142,161)
```
#2ba0b6
```
#2ba0b6 rgb(43,160,182)
```
#30b2cb
```
#30b2cb rgb(48,178,203)
```
#42bbd2
```
#42bbd2 rgb(66,187,210)
```
#56c3d7
```
#56c3d7 rgb(86,195,215)
```

Monochromatic Color

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

#2bb6a9
```
#2bb6a9 rgb(43,182,169)
```
#2bb6b5
```
#2bb6b5 rgb(43,182,181)
```
#2bacb6
```
#2bacb6 rgb(43,172,182)
```
#2ba0b6
```
#2ba0b6 rgb(43,160,182)
```
#2b94b6
```
#2b94b6 rgb(43,148,182)
```
#2b89b6
```
#2b89b6 rgb(43,137,182)
```
#2b7db6
```
#2b7db6 rgb(43,125,182)
```

Similar Colors

Text with hexadecimal color #2ba0b6

This text has a font color of #2ba0b6.

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

#2ba0b6 background color

This paragraph has a background color of #2ba0b6.

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

#2ba0b6 border color

This element has a border color of #2ba0b6.

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

CSS codes

.text {color:#2ba0b6;}

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

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

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, #020707 is the darkest color, while #f7fcfd is the lightest one.

#020707
```
#020707 rgb(2,7,7)
```
#061517
```
#061517 rgb(6,21,23)
```
#092227
```
#092227 rgb(9,34,39)
```
#0d3037
```
#0d3037 rgb(13,48,55)
```
#113e47
```
#113e47 rgb(17,62,71)
```
#154c57
```
#154c57 rgb(21,76,87)
```
#185a67
```
#185a67 rgb(24,90,103)
```
#1c6877
```
#1c6877 rgb(28,104,119)
```
#207686
```
#207686 rgb(32,118,134)
```
#248496
```
#248496 rgb(36,132,150)
```
#2792a6
```
#2792a6 rgb(39,146,166)
```
#2ba0b6
```
#2ba0b6 rgb(43,160,182)
```
#2faec6
```
#2faec6 rgb(47,174,198)
```

Shade Color Variation

#38b8d0
```
#38b8d0 rgb(56,184,208)
```
#48bed4
```
#48bed4 rgb(72,190,212)
```
#58c3d8
```
#58c3d8 rgb(88,195,216)
```
#68c9db
```
#68c9db rgb(104,201,219)
```
#78cfdf
```
#78cfdf rgb(120,207,223)
```
#88d4e3
```
#88d4e3 rgb(136,212,227)
```
#97dae7
```
#97dae7 rgb(151,218,231)
```
#a7e0ea
```
#a7e0ea rgb(167,224,234)
```
#b7e5ee
```
#b7e5ee rgb(183,229,238)
```
#c7ebf2
```
#c7ebf2 rgb(199,235,242)
```
#d7f1f6
```
#d7f1f6 rgb(215,241,246)
```
#e7f6f9
```
#e7f6f9 rgb(231,246,249)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

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

#707171
```
#707171 rgb(112,113,113)
```
#687779
```
#687779 rgb(104,119,121)
```
#5f7d82
```
#5f7d82 rgb(95,125,130)
```
#56828b
```
#56828b rgb(86,130,139)
```
#4e8893
```
#4e8893 rgb(78,136,147)
```
#458e9c
```
#458e9c rgb(69,142,156)
```
#3c94a5
```
#3c94a5 rgb(60,148,165)
```
#349aad
```
#349aad rgb(52,154,173)
```
#2ba0b6
```
#2ba0b6 rgb(43,160,182)
```
#22a6bf
```
#22a6bf rgb(34,166,191)
```
#1aacc7
```
#1aacc7 rgb(26,172,199)
```
#11b2d0
```
#11b2d0 rgb(17,178,208)
```
#08b8d9
```
#08b8d9 rgb(8,184,217)
```

Tone Color Variation

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

Dichromacy

#9297b1 Protanopia 1% of men
#9095bf Deuteranopia 1% of men
#2ea6b2 Tritanopia 0.001% of the population

Trichromacy

#6d9ab2 Protanomaly 1% of men, 0.01% of women
#6b99bc Deuteranomaly 6% of men, 0.4% of women
#2da3b3 Tritanomaly 0.01% of the population