#2baae3 hex color

In a RGB color space, hex #2baae3 is composed of 16.9% red, 66.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 25.1% magenta, 0% yellow and 11% black. It has a hue angle of 198.6 degrees, a saturation of 76.7% and a lightness of 52.9%. #2baae3 color hex could be obtained by blending #56ffff with #0055c7. Closest websafe color is: #3399cc.

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

● #2baae3 color description : Bright blue.

The hexadecimal color #2baae3 has RGB values of R:43, G:170, B:227 and CMYK values of C:0.81, M:0.25, Y:0, K:0.11. Its decimal value is 2861795.

Hex triplet	2baae3	`#2baae3`
RGB Decimal	43, 170, 227	`rgb(43,170,227)`
RGB Percent	16.9, 66.7, 89	`rgb(16.9%,66.7%,89%)`
CMYK	81, 25, 0, 11
HSL	198.6°, 76.7, 52.9	`hsl(198.6,76.7%,52.9%)`
HSV (or HSB)	198.6°, 81.1, 89
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.598, -14.21, -38.151
XYZ	29.233, 34.806, 77.846
xyY	0.206, 0.245, 34.806
CIE-LCH	65.598, 40.711, 249.572
CIE-LUV	65.598, -41.666, -59.024
Hunter-Lab	58.997, -14.799, -36.935
Binary	00101011, 10101010, 11100011

#2baae3
```
#2baae3 rgb(43,170,227)
```
#e3642b
```
#e3642b rgb(227,100,43)
```

Complementary Color

#2be3c0
```
#2be3c0 rgb(43,227,192)
```
#2baae3
```
#2baae3 rgb(43,170,227)
```
#2b4ee3
```
#2b4ee3 rgb(43,78,227)
```

Analogous Color

#e3c02b
```
#e3c02b rgb(227,192,43)
```
#2baae3
```
#2baae3 rgb(43,170,227)
```
#e32b4e
```
#e32b4e rgb(227,43,78)
```

Split Complementary Color

#aae32b
```
#aae32b rgb(170,227,43)
```
#2baae3
```
#2baae3 rgb(43,170,227)
```
#e32baa
```
#e32baa rgb(227,43,170)
```

Triadic Color

#2be364
```
#2be364 rgb(43,227,100)
```
#2baae3
```
#2baae3 rgb(43,170,227)
```
#e32baa
```
#e32baa rgb(227,43,170)
```
#e3642b
```
#e3642b rgb(227,100,43)
```

Tetradic Color

#177dab
```
#177dab rgb(23,125,171)
```
#1a8dc1
```
#1a8dc1 rgb(26,141,193)
```
#1d9ed8
```
#1d9ed8 rgb(29,158,216)
```
#2baae3
```
#2baae3 rgb(43,170,227)
```
#42b3e6
```
#42b3e6 rgb(66,179,230)
```
#58bce9
```
#58bce9 rgb(88,188,233)
```
#6fc5ec
```
#6fc5ec rgb(111,197,236)
```

Monochromatic Color

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

#2bd8e3
```
#2bd8e3 rgb(43,216,227)
```
#2bc9e3
```
#2bc9e3 rgb(43,201,227)
```
#2bb9e3
```
#2bb9e3 rgb(43,185,227)
```
#2baae3
```
#2baae3 rgb(43,170,227)
```
#2b9be3
```
#2b9be3 rgb(43,155,227)
```
#2b8be3
```
#2b8be3 rgb(43,139,227)
```
#2b7ce3
```
#2b7ce3 rgb(43,124,227)
```

Similar Colors

Text with hexadecimal color #2baae3

This text has a font color of #2baae3.

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

#2baae3 background color

This paragraph has a background color of #2baae3.

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

#2baae3 border color

This element has a border color of #2baae3.

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

CSS codes

.text {color:#2baae3;}

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

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

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, #020a0d is the darkest color, while #fbfdfe is the lightest one.

#020a0d
```
#020a0d rgb(2,10,13)
```
#04161f
```
#04161f rgb(4,22,31)
```
#062330
```
#062330 rgb(6,35,48)
```
#093041
```
#093041 rgb(9,48,65)
```
#0b3c53
```
#0b3c53 rgb(11,60,83)
```
#0d4964
```
#0d4964 rgb(13,73,100)
```
#0f5675
```
#0f5675 rgb(15,86,117)
```
#126287
```
#126287 rgb(18,98,135)
```
#146f98
```
#146f98 rgb(20,111,152)
```
#167ca9
```
#167ca9 rgb(22,124,169)
```
#1988bb
```
#1988bb rgb(25,136,187)
```
#1b95cc
```
#1b95cc rgb(27,149,204)
```
#1da2dd
```
#1da2dd rgb(29,162,221)
```

Shade Color Variation

#2baae3
```
#2baae3 rgb(43,170,227)
```
#3cb1e5
```
#3cb1e5 rgb(60,177,229)
```
#4eb8e8
```
#4eb8e8 rgb(78,184,232)
```
#5fbfea
```
#5fbfea rgb(95,191,234)
```
#70c6ec
```
#70c6ec rgb(112,198,236)
```
#82cdee
```
#82cdee rgb(130,205,238)
```
#93d4f1
```
#93d4f1 rgb(147,212,241)
```
#a4dbf3
```
#a4dbf3 rgb(164,219,243)
```
#b6e2f5
```
#b6e2f5 rgb(182,226,245)
```
#c7e9f8
```
#c7e9f8 rgb(199,233,248)
```
#d8effa
```
#d8effa rgb(216,239,250)
```
#eaf6fc
```
#eaf6fc rgb(234,246,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#7e8a90
```
#7e8a90 rgb(126,138,144)
```
#758e99
```
#758e99 rgb(117,142,153)
```
#6c91a2
```
#6c91a2 rgb(108,145,162)
```
#6295ac
```
#6295ac rgb(98,149,172)
```
#5998b5
```
#5998b5 rgb(89,152,181)
```
#509cbe
```
#509cbe rgb(80,156,190)
```
#479fc7
```
#479fc7 rgb(71,159,199)
```
#3da3d1
```
#3da3d1 rgb(61,163,209)
```
#34a6da
```
#34a6da rgb(52,166,218)
```
#2baae3
```
#2baae3 rgb(43,170,227)
```
#22aeec
```
#22aeec rgb(34,174,236)
```
#19b1f5
```
#19b1f5 rgb(25,177,245)
```
#0fb5ff
```
#0fb5ff rgb(15,181,255)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#78919d Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a2db Protanopia 1% of men
#84a3e9 Deuteranopia 1% of men
#00b4c0 Tritanopia 0.001% of the population

Trichromacy

#6ca5de Protanomaly 1% of men, 0.01% of women
#64a5e6 Deuteranomaly 6% of men, 0.4% of women
#0fb0cd Tritanomaly 0.01% of the population

#2baae3 hex color

#2baae3 Color Information

#2baae3 Color Conversion

Color Schemes with #2baae3

Alternatives to #2baae3

#2baae3 Preview

Shades and Tints of #2baae3

Tones of #2baae3

Color Blindness Simulator