#2baec3 hex color

In a RGB color space, hex #2baec3 is composed of 16.9% red, 68.2% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 10.8% magenta, 0% yellow and 23.5% black. It has a hue angle of 188.3 degrees, a saturation of 63.9% and a lightness of 46.7%. #2baec3 color hex could be obtained by blending #56ffff with #005d87. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 68
- B 76
RGB color chart
- C 78
- M 11
- Y 0
- K 24
CMYK color chart

● #2baec3 color description : Strong cyan.

The hexadecimal color #2baec3 has RGB values of R:43, G:174, B:195 and CMYK values of C:0.78, M:0.11, Y:0, K:0.24. Its decimal value is 2862787.

Hex triplet	2baec3	`#2baec3`
RGB Decimal	43, 174, 195	`rgb(43,174,195)`
RGB Percent	16.9, 68.2, 76.5	`rgb(16.9%,68.2%,76.5%)`
CMYK	78, 11, 0, 24
HSL	188.3°, 63.9, 46.7	`hsl(188.3,63.9%,46.7%)`
HSV (or HSB)	188.3°, 77.9, 76.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.533, -26.943, -20.577
XYZ	25.98, 34.723, 56.96
xyY	0.221, 0.295, 34.723
CIE-LCH	65.533, 33.902, 217.37
CIE-LUV	65.533, -45.192, -28.036
Hunter-Lab	58.927, -24.423, -16.063
Binary	00101011, 10101110, 11000011

#2baec3
```
#2baec3 rgb(43,174,195)
```
#c3402b
```
#c3402b rgb(195,64,43)
```

Complementary Color

#2bc38c
```
#2bc38c rgb(43,195,140)
```
#2baec3
```
#2baec3 rgb(43,174,195)
```
#2b62c3
```
#2b62c3 rgb(43,98,195)
```

Analogous Color

#c38c2b
```
#c38c2b rgb(195,140,43)
```
#2baec3
```
#2baec3 rgb(43,174,195)
```
#c32b62
```
#c32b62 rgb(195,43,98)
```

Split Complementary Color

#aec32b
```
#aec32b rgb(174,195,43)
```
#2baec3
```
#2baec3 rgb(43,174,195)
```
#c32bae
```
#c32bae rgb(195,43,174)
```

Triadic Color

#2bc340
```
#2bc340 rgb(43,195,64)
```
#2baec3
```
#2baec3 rgb(43,174,195)
```
#c32bae
```
#c32bae rgb(195,43,174)
```
#c3402b
```
#c3402b rgb(195,64,43)
```

Tetradic Color

#1d7684
```
#1d7684 rgb(29,118,132)
```
#228999
```
#228999 rgb(34,137,153)
```
#269bae
```
#269bae rgb(38,155,174)
```
#2baec3
```
#2baec3 rgb(43,174,195)
```
#35bdd2
```
#35bdd2 rgb(53,189,210)
```
#4ac4d7
```
#4ac4d7 rgb(74,196,215)
```
#5fcadc
```
#5fcadc rgb(95,202,220)
```

Monochromatic Color

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

#2bc3b2
```
#2bc3b2 rgb(43,195,178)
```
#2bc3bf
```
#2bc3bf rgb(43,195,191)
```
#2bbbc3
```
#2bbbc3 rgb(43,187,195)
```
#2baec3
```
#2baec3 rgb(43,174,195)
```
#2ba1c3
```
#2ba1c3 rgb(43,161,195)
```
#2b95c3
```
#2b95c3 rgb(43,149,195)
```
#2b88c3
```
#2b88c3 rgb(43,136,195)
```

Similar Colors

Text with hexadecimal color #2baec3

This text has a font color of #2baec3.

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

#2baec3 background color

This paragraph has a background color of #2baec3.

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

#2baec3 border color

This element has a border color of #2baec3.

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

CSS codes

.text {color:#2baec3;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041012
```
#041012 rgb(4,16,18)
```
#081f22
```
#081f22 rgb(8,31,34)
```
#0b2d32
```
#0b2d32 rgb(11,45,50)
```
#0f3b42
```
#0f3b42 rgb(15,59,66)
```
#124a53
```
#124a53 rgb(18,74,83)
```
#165863
```
#165863 rgb(22,88,99)
```
#196673
```
#196673 rgb(25,102,115)
```
#1d7583
```
#1d7583 rgb(29,117,131)
```
#208393
```
#208393 rgb(32,131,147)
```
#2491a3
```
#2491a3 rgb(36,145,163)
```
#27a0b3
```
#27a0b3 rgb(39,160,179)
```
#2baec3
```
#2baec3 rgb(43,174,195)
```

Shade Color Variation

#30bbd1
```
#30bbd1 rgb(48,187,209)
```
#40c0d5
```
#40c0d5 rgb(64,192,213)
```
#50c6d8
```
#50c6d8 rgb(80,198,216)
```
#60cbdc
```
#60cbdc rgb(96,203,220)
```
#71d0e0
```
#71d0e0 rgb(113,208,224)
```
#81d6e3
```
#81d6e3 rgb(129,214,227)
```
#91dbe7
```
#91dbe7 rgb(145,219,231)
```
#a1e0ea
```
#a1e0ea rgb(161,224,234)
```
#b1e5ee
```
#b1e5ee rgb(177,229,238)
```
#c1ebf1
```
#c1ebf1 rgb(193,235,241)
```
#d1f0f5
```
#d1f0f5 rgb(209,240,245)
```
#e1f5f8
```
#e1f5f8 rgb(225,245,248)
```
#f1fafc
```
#f1fafc rgb(241,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74797a is the less saturated color, while #06c8e8 is the most saturated one.

#74797a
```
#74797a rgb(116,121,122)
```
#6b8083
```
#6b8083 rgb(107,128,131)
```
#62868c
```
#62868c rgb(98,134,140)
```
#598d95
```
#598d95 rgb(89,141,149)
```
#50949e
```
#50949e rgb(80,148,158)
```
#469aa8
```
#469aa8 rgb(70,154,168)
```
#3da1b1
```
#3da1b1 rgb(61,161,177)
```
#34a7ba
```
#34a7ba rgb(52,167,186)
```
#2baec3
```
#2baec3 rgb(43,174,195)
```
#22b5cc
```
#22b5cc rgb(34,181,204)
```
#19bbd5
```
#19bbd5 rgb(25,187,213)
```
#10c2de
```
#10c2de rgb(16,194,222)
```
#06c8e8
```
#06c8e8 rgb(6,200,232)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#769095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea2bc Protanopia 1% of men
#9ca1cc Deuteranopia 1% of men
#2fb3c0 Tritanopia 0.001% of the population

Trichromacy

#74a6be Protanomaly 1% of men, 0.01% of women
#73a5c9 Deuteranomaly 6% of men, 0.4% of women
#2db1c1 Tritanomaly 0.01% of the population

#2baec3 hex color

#2baec3 Color Information

#2baec3 Color Conversion

Color Schemes with #2baec3

Alternatives to #2baec3

#2baec3 Preview

Shades and Tints of #2baec3

Tones of #2baec3

Color Blindness Simulator