#2ba2bf hex color

In a RGB color space, hex #2ba2bf is composed of 16.9% red, 63.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 15.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 191.8 degrees, a saturation of 63.2% and a lightness of 45.9%. #2ba2bf color hex could be obtained by blending #56ffff with #00457f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 64
- B 75
RGB color chart
- C 77
- M 15
- Y 0
- K 25
CMYK color chart

● #2ba2bf color description : Strong cyan.

The hexadecimal color #2ba2bf has RGB values of R:43, G:162, B:191 and CMYK values of C:0.77, M:0.15, Y:0, K:0.25. Its decimal value is 2859711.

Hex triplet	2ba2bf	`#2ba2bf`
RGB Decimal	43, 162, 191	`rgb(43,162,191)`
RGB Percent	16.9, 63.5, 74.9	`rgb(16.9%,63.5%,74.9%)`
CMYK	77, 15, 0, 25
HSL	191.8°, 63.2, 45.9	`hsl(191.8,63.2%,45.9%)`
HSV (or HSB)	191.8°, 77.5, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.752, -22.132, -24.128
XYZ	23.318, 30.114, 53.871
xyY	0.217, 0.281, 30.114
CIE-LCH	61.752, 32.741, 227.471
CIE-LUV	61.752, -41.209, -34.218
Hunter-Lab	54.876, -20.184, -19.791
Binary	00101011, 10100010, 10111111

#2ba2bf
```
#2ba2bf rgb(43,162,191)
```
#bf482b
```
#bf482b rgb(191,72,43)
```

Complementary Color

#2bbf92
```
#2bbf92 rgb(43,191,146)
```
#2ba2bf
```
#2ba2bf rgb(43,162,191)
```
#2b58bf
```
#2b58bf rgb(43,88,191)
```

Analogous Color

#bf922b
```
#bf922b rgb(191,146,43)
```
#2ba2bf
```
#2ba2bf rgb(43,162,191)
```
#bf2b58
```
#bf2b58 rgb(191,43,88)
```

Split Complementary Color

#a2bf2b
```
#a2bf2b rgb(162,191,43)
```
#2ba2bf
```
#2ba2bf rgb(43,162,191)
```
#bf2ba2
```
#bf2ba2 rgb(191,43,162)
```

Triadic Color

#2bbf48
```
#2bbf48 rgb(43,191,72)
```
#2ba2bf
```
#2ba2bf rgb(43,162,191)
```
#bf2ba2
```
#bf2ba2 rgb(191,43,162)
```
#bf482b
```
#bf482b rgb(191,72,43)
```

Tetradic Color

#1d6d81
```
#1d6d81 rgb(29,109,129)
```
#227f95
```
#227f95 rgb(34,127,149)
```
#2690aa
```
#2690aa rgb(38,144,170)
```
#2ba2bf
```
#2ba2bf rgb(43,162,191)
```
#33b2d1
```
#33b2d1 rgb(51,178,209)
```
#47bad6
```
#47bad6 rgb(71,186,214)
```
#5cc2da
```
#5cc2da rgb(92,194,218)
```

Monochromatic Color

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

#2bbfb7
```
#2bbfb7 rgb(43,191,183)
```
#2bbbbf
```
#2bbbbf rgb(43,187,191)
```
#2baebf
```
#2baebf rgb(43,174,191)
```
#2ba2bf
```
#2ba2bf rgb(43,162,191)
```
#2b96bf
```
#2b96bf rgb(43,150,191)
```
#2b89bf
```
#2b89bf rgb(43,137,191)
```
#2b7dbf
```
#2b7dbf rgb(43,125,191)
```

Similar Colors

Text with hexadecimal color #2ba2bf

This text has a font color of #2ba2bf.

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

#2ba2bf background color

This paragraph has a background color of #2ba2bf.

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

#2ba2bf border color

This element has a border color of #2ba2bf.

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

CSS codes

.text {color:#2ba2bf;}

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

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

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

#030d0f
```
#030d0f rgb(3,13,15)
```
#071a1f
```
#071a1f rgb(7,26,31)
```
#0b282f
```
#0b282f rgb(11,40,47)
```
#0e353f
```
#0e353f rgb(14,53,63)
```
#12434f
```
#12434f rgb(18,67,79)
```
#15515f
```
#15515f rgb(21,81,95)
```
#195e6f
```
#195e6f rgb(25,94,111)
```
#1d6c7f
```
#1d6c7f rgb(29,108,127)
```
#20798f
```
#20798f rgb(32,121,143)
```
#24879f
```
#24879f rgb(36,135,159)
```
#2794af
```
#2794af rgb(39,148,175)
```
#2ba2bf
```
#2ba2bf rgb(43,162,191)
```
#2fb0cf
```
#2fb0cf rgb(47,176,207)
```

Shade Color Variation

#3eb6d3
```
#3eb6d3 rgb(62,182,211)
```
#4ebcd7
```
#4ebcd7 rgb(78,188,215)
```
#5ec2db
```
#5ec2db rgb(94,194,219)
```
#6ec8de
```
#6ec8de rgb(110,200,222)
```
#7ecee2
```
#7ecee2 rgb(126,206,226)
```
#8ed4e6
```
#8ed4e6 rgb(142,212,230)
```
#9edae9
```
#9edae9 rgb(158,218,233)
```
#aee0ed
```
#aee0ed rgb(174,224,237)
```
#bee6f0
```
#bee6f0 rgb(190,230,240)
```
#ceecf4
```
#ceecf4 rgb(206,236,244)
```
#def3f8
```
#def3f8 rgb(222,243,248)
```
#eef9fb
```
#eef9fb rgb(238,249,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#737677
```
#737677 rgb(115,118,119)
```
#6a7c80
```
#6a7c80 rgb(106,124,128)
```
#618189
```
#618189 rgb(97,129,137)
```
#588792
```
#588792 rgb(88,135,146)
```
#4f8c9b
```
#4f8c9b rgb(79,140,155)
```
#4692a4
```
#4692a4 rgb(70,146,164)
```
#3d97ad
```
#3d97ad rgb(61,151,173)
```
#349db6
```
#349db6 rgb(52,157,182)
```
#2ba2bf
```
#2ba2bf rgb(43,162,191)
```
#22a7c8
```
#22a7c8 rgb(34,167,200)
```
#19add1
```
#19add1 rgb(25,173,209)
```
#10b2da
```
#10b2da rgb(16,178,218)
```
#07b8e3
```
#07b8e3 rgb(7,184,227)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#71888e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9299b9 Protanopia 1% of men
#8e98c7 Deuteranopia 1% of men
#25a9b5 Tritanopia 0.001% of the population

Trichromacy

#6d9cbb Protanomaly 1% of men, 0.01% of women
#6a9bc4 Deuteranomaly 6% of men, 0.4% of women
#27a6b8 Tritanomaly 0.01% of the population

#2ba2bf hex color

#2ba2bf Color Information

#2ba2bf Color Conversion

Color Schemes with #2ba2bf

Alternatives to #2ba2bf

#2ba2bf Preview

Shades and Tints of #2ba2bf

Tones of #2ba2bf

Color Blindness Simulator