#2baabe hex color

In a RGB color space, hex #2baabe is composed of 16.9% red, 66.7% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 10.5% magenta, 0% yellow and 25.5% black. It has a hue angle of 188.2 degrees, a saturation of 63.1% and a lightness of 45.7%. #2baabe color hex could be obtained by blending #56ffff with #00557d. Closest websafe color is: #3399cc.

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

● #2baabe color description : Strong cyan.

The hexadecimal color #2baabe has RGB values of R:43, G:170, B:190 and CMYK values of C:0.77, M:0.11, Y:0, K:0.25. Its decimal value is 2861758.

Hex triplet	2baabe	`#2baabe`
RGB Decimal	43, 170, 190	`rgb(43,170,190)`
RGB Percent	16.9, 66.7, 74.5	`rgb(16.9%,66.7%,74.5%)`
CMYK	77, 11, 0, 25
HSL	188.2°, 63.1, 45.7	`hsl(188.2,63.1%,45.7%)`
HSV (or HSB)	188.2°, 77.4, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.143, -26.534, -19.914
XYZ	24.663, 32.978, 53.778
xyY	0.221, 0.296, 32.978
CIE-LCH	64.143, 33.176, 216.888
CIE-LUV	64.143, -44.119, -26.924
Hunter-Lab	57.427, -23.838, -15.324
Binary	00101011, 10101010, 10111110

#2baabe
```
#2baabe rgb(43,170,190)
```
#be3f2b
```
#be3f2b rgb(190,63,43)
```

Complementary Color

#2bbe89
```
#2bbe89 rgb(43,190,137)
```
#2baabe
```
#2baabe rgb(43,170,190)
```
#2b60be
```
#2b60be rgb(43,96,190)
```

Analogous Color

#be892b
```
#be892b rgb(190,137,43)
```
#2baabe
```
#2baabe rgb(43,170,190)
```
#be2b61
```
#be2b61 rgb(190,43,97)
```

Split Complementary Color

#aabe2b
```
#aabe2b rgb(170,190,43)
```
#2baabe
```
#2baabe rgb(43,170,190)
```
#be2baa
```
#be2baa rgb(190,43,170)
```

Triadic Color

#2bbe3f
```
#2bbe3f rgb(43,190,63)
```
#2baabe
```
#2baabe rgb(43,170,190)
```
#be2baa
```
#be2baa rgb(190,43,170)
```
#be3f2b
```
#be3f2b rgb(190,63,43)
```

Tetradic Color

#1d7280
```
#1d7280 rgb(29,114,128)
```
#228594
```
#228594 rgb(34,133,148)
```
#2697a9
```
#2697a9 rgb(38,151,169)
```
#2baabe
```
#2baabe rgb(43,170,190)
```
#32bbd1
```
#32bbd1 rgb(50,187,209)
```
#47c2d5
```
#47c2d5 rgb(71,194,213)
```
#5cc9da
```
#5cc9da rgb(92,201,218)
```

Monochromatic Color

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

#2bbead
```
#2bbead rgb(43,190,173)
```
#2bbeba
```
#2bbeba rgb(43,190,186)
```
#2bb6be
```
#2bb6be rgb(43,182,190)
```
#2baabe
```
#2baabe rgb(43,170,190)
```
#2b9ebe
```
#2b9ebe rgb(43,158,190)
```
#2b92be
```
#2b92be rgb(43,146,190)
```
#2b85be
```
#2b85be rgb(43,133,190)
```

Similar Colors

Text with hexadecimal color #2baabe

This text has a font color of #2baabe.

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

#2baabe background color

This paragraph has a background color of #2baabe.

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

#2baabe border color

This element has a border color of #2baabe.

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

CSS codes

.text {color:#2baabe;}

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

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

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

#030d0e
```
#030d0e rgb(3,13,14)
```
#071b1e
```
#071b1e rgb(7,27,30)
```
#0a292e
```
#0a292e rgb(10,41,46)
```
#0e383e
```
#0e383e rgb(14,56,62)
```
#12464e
```
#12464e rgb(18,70,78)
```
#15545e
```
#15545e rgb(21,84,94)
```
#19626e
```
#19626e rgb(25,98,110)
```
#1d717e
```
#1d717e rgb(29,113,126)
```
#207f8e
```
#207f8e rgb(32,127,142)
```
#248d9e
```
#248d9e rgb(36,141,158)
```
#279cae
```
#279cae rgb(39,156,174)
```
#2baabe
```
#2baabe rgb(43,170,190)
```
#2fb8ce
```
#2fb8ce rgb(47,184,206)
```

Shade Color Variation

#3dbfd3
```
#3dbfd3 rgb(61,191,211)
```
#4dc4d7
```
#4dc4d7 rgb(77,196,215)
```
#5dc9da
```
#5dc9da rgb(93,201,218)
```
#6dcfde
```
#6dcfde rgb(109,207,222)
```
#7dd4e2
```
#7dd4e2 rgb(125,212,226)
```
#8dd9e5
```
#8dd9e5 rgb(141,217,229)
```
#9ddfe9
```
#9ddfe9 rgb(157,223,233)
```
#ade4ec
```
#ade4ec rgb(173,228,236)
```
#bde9f0
```
#bde9f0 rgb(189,233,240)
```
#cdeef4
```
#cdeef4 rgb(205,238,244)
```
#ddf4f7
```
#ddf4f7 rgb(221,244,247)
```
#edf9fb
```
#edf9fb rgb(237,249,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#737676
```
#737676 rgb(115,118,118)
```
#6a7c7f
```
#6a7c7f rgb(106,124,127)
```
#618388
```
#618388 rgb(97,131,136)
```
#588991
```
#588991 rgb(88,137,145)
```
#4f909a
```
#4f909a rgb(79,144,154)
```
#4696a3
```
#4696a3 rgb(70,150,163)
```
#3d9dac
```
#3d9dac rgb(61,157,172)
```
#34a3b5
```
#34a3b5 rgb(52,163,181)
```
#2baabe
```
#2baabe rgb(43,170,190)
```
#22b1c7
```
#22b1c7 rgb(34,177,199)
```
#19b7d0
```
#19b7d0 rgb(25,183,208)
```
#10bed9
```
#10bed9 rgb(16,190,217)
```
#07c4e2
```
#07c4e2 rgb(7,196,226)
```

Tone Color Variation

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

#9b9fb8 Protanopia 1% of men
#999dc7 Deuteranopia 1% of men
#30afbc Tritanopia 0.001% of the population

Trichromacy

#72a3ba Protanomaly 1% of men, 0.01% of women
#71a2c4 Deuteranomaly 6% of men, 0.4% of women
#2eadbc Tritanomaly 0.01% of the population

#2baabe hex color

#2baabe Color Information

#2baabe Color Conversion

Color Schemes with #2baabe

Alternatives to #2baabe

#2baabe Preview

Shades and Tints of #2baabe

Tones of #2baabe

Color Blindness Simulator