#2baadb hex color

In a RGB color space, hex #2baadb is composed of 16.9% red, 66.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 22.4% magenta, 0% yellow and 14.1% black. It has a hue angle of 196.7 degrees, a saturation of 71% and a lightness of 51.4%. #2baadb color hex could be obtained by blending #56ffff with #0055b7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 67
- B 86
RGB color chart
- C 80
- M 22
- Y 0
- K 14
CMYK color chart

● #2baadb color description : Bright blue.

The hexadecimal color #2baadb has RGB values of R:43, G:170, B:219 and CMYK values of C:0.8, M:0.22, Y:0, K:0.14. Its decimal value is 2861787.

Hex triplet	2baadb	`#2baadb`
RGB Decimal	43, 170, 219	`rgb(43,170,219)`
RGB Percent	16.9, 66.7, 85.9	`rgb(16.9%,66.7%,85.9%)`
CMYK	80, 22, 0, 14
HSL	196.7°, 71, 51.4	`hsl(196.7,71%,51.4%)`
HSV (or HSB)	196.7°, 80.4, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.259, -16.954, -34.274
XYZ	28.154, 34.375, 72.165
xyY	0.209, 0.255, 34.375
CIE-LCH	65.259, 38.238, 243.68
CIE-LUV	65.259, -42.177, -52.099
Hunter-Lab	58.63, -16.888, -31.936
Binary	00101011, 10101010, 11011011

#2baadb
```
#2baadb rgb(43,170,219)
```
#db5c2b
```
#db5c2b rgb(219,92,43)
```

Complementary Color

#2bdbb4
```
#2bdbb4 rgb(43,219,180)
```
#2baadb
```
#2baadb rgb(43,170,219)
```
#2b52db
```
#2b52db rgb(43,82,219)
```

Analogous Color

#dbb42b
```
#dbb42b rgb(219,180,43)
```
#2baadb
```
#2baadb rgb(43,170,219)
```
#db2b52
```
#db2b52 rgb(219,43,82)
```

Split Complementary Color

#aadb2b
```
#aadb2b rgb(170,219,43)
```
#2baadb
```
#2baadb rgb(43,170,219)
```
#db2baa
```
#db2baa rgb(219,43,170)
```

Triadic Color

#2bdb5c
```
#2bdb5c rgb(43,219,92)
```
#2baadb
```
#2baadb rgb(43,170,219)
```
#db2baa
```
#db2baa rgb(219,43,170)
```
#db5c2b
```
#db5c2b rgb(219,92,43)
```

Tetradic Color

#1b7a9f
```
#1b7a9f rgb(27,122,159)
```
#1f8bb4
```
#1f8bb4 rgb(31,139,180)
```
#229bca
```
#229bca rgb(34,155,202)
```
#2baadb
```
#2baadb rgb(43,170,219)
```
#41b3df
```
#41b3df rgb(65,179,223)
```
#57bbe2
```
#57bbe2 rgb(87,187,226)
```
#6cc4e6
```
#6cc4e6 rgb(108,196,230)
```

Monochromatic Color

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

#2bd6db
```
#2bd6db rgb(43,214,219)
```
#2bc7db
```
#2bc7db rgb(43,199,219)
```
#2bb9db
```
#2bb9db rgb(43,185,219)
```
#2baadb
```
#2baadb rgb(43,170,219)
```
#2b9bdb
```
#2b9bdb rgb(43,155,219)
```
#2b8ddb
```
#2b8ddb rgb(43,141,219)
```
#2b7edb
```
#2b7edb rgb(43,126,219)
```

Similar Colors

Text with hexadecimal color #2baadb

This text has a font color of #2baadb.

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

#2baadb background color

This paragraph has a background color of #2baadb.

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

#2baadb border color

This element has a border color of #2baadb.

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

CSS codes

.text {color:#2baadb;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#041117
```
#041117 rgb(4,17,23)
```
#071e28
```
#071e28 rgb(7,30,40)
```
#0a2b38
```
#0a2b38 rgb(10,43,56)
```
#0c3849
```
#0c3849 rgb(12,56,73)
```
#0f455a
```
#0f455a rgb(15,69,90)
```
#12526b
```
#12526b rgb(18,82,107)
```
#155f7b
```
#155f7b rgb(21,95,123)
```
#186c8c
```
#186c8c rgb(24,108,140)
```
#1b799d
```
#1b799d rgb(27,121,157)
```
#1d86ae
```
#1d86ae rgb(29,134,174)
```
#2092be
```
#2092be rgb(32,146,190)
```
#239fcf
```
#239fcf rgb(35,159,207)
```

Shade Color Variation

#2baadb
```
#2baadb rgb(43,170,219)
```
#3cb1de
```
#3cb1de rgb(60,177,222)
```
#4db7e1
```
#4db7e1 rgb(77,183,225)
```
#5dbee4
```
#5dbee4 rgb(93,190,228)
```
#6ec5e6
```
#6ec5e6 rgb(110,197,230)
```
#7fcce9
```
#7fcce9 rgb(127,204,233)
```
#90d2ec
```
#90d2ec rgb(144,210,236)
```
#a0d9ef
```
#a0d9ef rgb(160,217,239)
```
#b1e0f2
```
#b1e0f2 rgb(177,224,242)
```
#c2e7f5
```
#c2e7f5 rgb(194,231,245)
```
#d3edf7
```
#d3edf7 rgb(211,237,247)
```
#e3f4fa
```
#e3f4fa rgb(227,244,250)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

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

#818485
```
#818485 rgb(129,132,133)
```
#77888f
```
#77888f rgb(119,136,143)
```
#6e8c98
```
#6e8c98 rgb(110,140,152)
```
#6491a2
```
#6491a2 rgb(100,145,162)
```
#5b95ab
```
#5b95ab rgb(91,149,171)
```
#5199b5
```
#5199b5 rgb(81,153,181)
```
#489dbe
```
#489dbe rgb(72,157,190)
```
#3ea2c8
```
#3ea2c8 rgb(62,162,200)
```
#35a6d1
```
#35a6d1 rgb(53,166,209)
```
#2baadb
```
#2baadb rgb(43,170,219)
```
#21aee5
```
#21aee5 rgb(33,174,229)
```
#18b2ee
```
#18b2ee rgb(24,178,238)
```
#0eb7f8
```
#0eb7f8 rgb(14,183,248)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#77909a Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a1d4 Protanopia 1% of men
#8aa2e1 Deuteranopia 1% of men
#00b3c0 Tritanopia 0.001% of the population

Trichromacy

#6ea4d6 Protanomaly 1% of men, 0.01% of women
#67a4df Deuteranomaly 6% of men, 0.4% of women
#0fafc9 Tritanomaly 0.01% of the population

#2baadb hex color

#2baadb Color Information

#2baadb Color Conversion

Color Schemes with #2baadb

Alternatives to #2baadb

#2baadb Preview

Shades and Tints of #2baadb

Tones of #2baadb

Color Blindness Simulator