#2baac9 hex color

In a RGB color space, hex #2baac9 is composed of 16.9% red, 66.7% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 15.4% magenta, 0% yellow and 21.2% black. It has a hue angle of 191.8 degrees, a saturation of 64.8% and a lightness of 47.8%. #2baac9 color hex could be obtained by blending #56ffff with #005593. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 67
- B 79
RGB color chart
- C 79
- M 15
- Y 0
- K 21
CMYK color chart

● #2baac9 color description : Strong cyan.

The hexadecimal color #2baac9 has RGB values of R:43, G:170, B:201 and CMYK values of C:0.79, M:0.15, Y:0, K:0.21. Its decimal value is 2861769.

Hex triplet	2baac9	`#2baac9`
RGB Decimal	43, 170, 201	`rgb(43,170,201)`
RGB Percent	16.9, 66.7, 78.8	`rgb(16.9%,66.7%,78.8%)`
CMYK	79, 15, 0, 21
HSL	191.8°, 64.8, 47.8	`hsl(191.8,64.8%,47.8%)`
HSV (or HSB)	191.8°, 78.6, 78.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.546, -22.977, -25.416
XYZ	25.911, 33.478, 60.351
xyY	0.216, 0.28, 33.478
CIE-LCH	64.546, 34.263, 227.885
CIE-LUV	64.546, -43.369, -36.459
Hunter-Lab	57.86, -21.319, -21.341
Binary	00101011, 10101010, 11001001

#2baac9
```
#2baac9 rgb(43,170,201)
```
#c94a2b
```
#c94a2b rgb(201,74,43)
```

Complementary Color

#2bc999
```
#2bc999 rgb(43,201,153)
```
#2baac9
```
#2baac9 rgb(43,170,201)
```
#2b5bc9
```
#2b5bc9 rgb(43,91,201)
```

Analogous Color

#c9992b
```
#c9992b rgb(201,153,43)
```
#2baac9
```
#2baac9 rgb(43,170,201)
```
#c92b5b
```
#c92b5b rgb(201,43,91)
```

Split Complementary Color

#aac92b
```
#aac92b rgb(170,201,43)
```
#2baac9
```
#2baac9 rgb(43,170,201)
```
#c92baa
```
#c92baa rgb(201,43,170)
```

Triadic Color

#2bc94a
```
#2bc94a rgb(43,201,74)
```
#2baac9
```
#2baac9 rgb(43,170,201)
```
#c92baa
```
#c92baa rgb(201,43,170)
```
#c94a2b
```
#c94a2b rgb(201,74,43)
```

Tetradic Color

#1e758a
```
#1e758a rgb(30,117,138)
```
#22869f
```
#22869f rgb(34,134,159)
```
#2798b4
```
#2798b4 rgb(39,152,180)
```
#2baac9
```
#2baac9 rgb(43,170,201)
```
#39b6d5
```
#39b6d5 rgb(57,182,213)
```
#4ebed9
```
#4ebed9 rgb(78,190,217)
```
#63c6de
```
#63c6de rgb(99,198,222)
```

Monochromatic Color

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

#2bc9c1
```
#2bc9c1 rgb(43,201,193)
```
#2bc4c9
```
#2bc4c9 rgb(43,196,201)
```
#2bb7c9
```
#2bb7c9 rgb(43,183,201)
```
#2baac9
```
#2baac9 rgb(43,170,201)
```
#2b9dc9
```
#2b9dc9 rgb(43,157,201)
```
#2b90c9
```
#2b90c9 rgb(43,144,201)
```
#2b83c9
```
#2b83c9 rgb(43,131,201)
```

Similar Colors

Text with hexadecimal color #2baac9

This text has a font color of #2baac9.

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

#2baac9 background color

This paragraph has a background color of #2baac9.

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

#2baac9 border color

This element has a border color of #2baac9.

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

CSS codes

.text {color:#2baac9;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#051417
```
#051417 rgb(5,20,23)
```
#082127
```
#082127 rgb(8,33,39)
```
#0c2f38
```
#0c2f38 rgb(12,47,56)
```
#0f3d48
```
#0f3d48 rgb(15,61,72)
```
#134a58
```
#134a58 rgb(19,74,88)
```
#165868
```
#165868 rgb(22,88,104)
```
#1a6678
```
#1a6678 rgb(26,102,120)
```
#1d7388
```
#1d7388 rgb(29,115,136)
```
#218199
```
#218199 rgb(33,129,153)
```
#248fa9
```
#248fa9 rgb(36,143,169)
```
#289cb9
```
#289cb9 rgb(40,156,185)
```
#2baac9
```
#2baac9 rgb(43,170,201)
```

Shade Color Variation

#34b4d4
```
#34b4d4 rgb(52,180,212)
```
#44bad7
```
#44bad7 rgb(68,186,215)
```
#54c0da
```
#54c0da rgb(84,192,218)
```
#65c6de
```
#65c6de rgb(101,198,222)
```
#75cce1
```
#75cce1 rgb(117,204,225)
```
#85d2e5
```
#85d2e5 rgb(133,210,229)
```
#95d8e8
```
#95d8e8 rgb(149,216,232)
```
#a5deec
```
#a5deec rgb(165,222,236)
```
#b5e4ef
```
#b5e4ef rgb(181,228,239)
```
#c5eaf3
```
#c5eaf3 rgb(197,234,243)
```
#d6f0f6
```
#d6f0f6 rgb(214,240,246)
```
#e6f6fa
```
#e6f6fa rgb(230,246,250)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767c7e is the less saturated color, while #05c1ef is the most saturated one.

#767c7e
```
#767c7e rgb(118,124,126)
```
#6d8287
```
#6d8287 rgb(109,130,135)
```
#638891
```
#638891 rgb(99,136,145)
```
#5a8d9a
```
#5a8d9a rgb(90,141,154)
```
#5193a3
```
#5193a3 rgb(81,147,163)
```
#4799ad
```
#4799ad rgb(71,153,173)
```
#3e9fb6
```
#3e9fb6 rgb(62,159,182)
```
#34a4c0
```
#34a4c0 rgb(52,164,192)
```
#2baac9
```
#2baac9 rgb(43,170,201)
```
#22b0d2
```
#22b0d2 rgb(34,176,210)
```
#18b5dc
```
#18b5dc rgb(24,181,220)
```
#0fbbe5
```
#0fbbe5 rgb(15,187,229)
```
#05c1ef
```
#05c1ef rgb(5,193,239)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#758f95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a0c2 Protanopia 1% of men
#949fd1 Deuteranopia 1% of men
#22b0bd Tritanopia 0.001% of the population

Trichromacy

#71a3c4 Protanomaly 1% of men, 0.01% of women
#6ea3ce Deuteranomaly 6% of men, 0.4% of women
#25aec1 Tritanomaly 0.01% of the population

#2baac9 hex color

#2baac9 Color Information

#2baac9 Color Conversion

Color Schemes with #2baac9

Alternatives to #2baac9

#2baac9 Preview

Shades and Tints of #2baac9

Tones of #2baac9

Color Blindness Simulator