#2baaff hex color

In a RGB color space, hex #2baaff is composed of 16.9% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 204.1 degrees, a saturation of 100% and a lightness of 58.4%. #2baaff color hex could be obtained by blending #56ffff with #0055ff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 67
- B 100
RGB color chart
- C 83
- M 33
- Y 0
- K 0
CMYK color chart

● #2baaff color description : Vivid blue.

The hexadecimal color #2baaff has RGB values of R:43, G:170, B:255 and CMYK values of C:0.83, M:0.33, Y:0, K:0. Its decimal value is 2861823.

Hex triplet	2baaff	`#2baaff`
RGB Decimal	43, 170, 255	`rgb(43,170,255)`
RGB Percent	16.9, 66.7, 100	`rgb(16.9%,66.7%,100%)`
CMYK	83, 33, 0, 0
HSL	204.1°, 100, 58.4	`hsl(204.1,100%,58.4%)`
HSV (or HSB)	204.1°, 83.1, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.885, -4.369, -51.425
XYZ	33.417, 36.48, 99.882
xyY	0.197, 0.215, 36.48
CIE-LCH	66.885, 51.61, 265.144
CIE-LUV	66.885, -39.99, -82.914
Hunter-Lab	60.399, -6.94, -55.77
Binary	00101011, 10101010, 11111111

#2baaff
```
#2baaff rgb(43,170,255)
```
#ff802b
```
#ff802b rgb(255,128,43)
```

Complementary Color

#2bffea
```
#2bffea rgb(43,255,234)
```
#2baaff
```
#2baaff rgb(43,170,255)
```
#2b40ff
```
#2b40ff rgb(43,64,255)
```

Analogous Color

#ffea2b
```
#ffea2b rgb(255,234,43)
```
#2baaff
```
#2baaff rgb(43,170,255)
```
#ff2b40
```
#ff2b40 rgb(255,43,64)
```

Split Complementary Color

#aaff2b
```
#aaff2b rgb(170,255,43)
```
#2baaff
```
#2baaff rgb(43,170,255)
```
#ff2baa
```
#ff2baa rgb(255,43,170)
```

Triadic Color

#2bff80
```
#2bff80 rgb(43,255,128)
```
#2baaff
```
#2baaff rgb(43,170,255)
```
#ff2baa
```
#ff2baa rgb(255,43,170)
```
#ff802b
```
#ff802b rgb(255,128,43)
```

Tetradic Color

#0085de
```
#0085de rgb(0,133,222)
```
#0094f7
```
#0094f7 rgb(0,148,247)
```
#12a0ff
```
#12a0ff rgb(18,160,255)
```
#2baaff
```
#2baaff rgb(43,170,255)
```
#45b4ff
```
#45b4ff rgb(69,180,255)
```
#5ebeff
```
#5ebeff rgb(94,190,255)
```
#78c9ff
```
#78c9ff rgb(120,201,255)
```

Monochromatic Color

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

#2bdfff
```
#2bdfff rgb(43,223,255)
```
#2bcdff
```
#2bcdff rgb(43,205,255)
```
#2bbcff
```
#2bbcff rgb(43,188,255)
```
#2baaff
```
#2baaff rgb(43,170,255)
```
#2b98ff
```
#2b98ff rgb(43,152,255)
```
#2b87ff
```
#2b87ff rgb(43,135,255)
```
#2b75ff
```
#2b75ff rgb(43,117,255)
```

Similar Colors

Text with hexadecimal color #2baaff

This text has a font color of #2baaff.

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

#2baaff background color

This paragraph has a background color of #2baaff.

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

#2baaff border color

This element has a border color of #2baaff.

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

CSS codes

.text {color:#2baaff;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000e17
```
#000e17 rgb(0,14,23)
```
#001a2b
```
#001a2b rgb(0,26,43)
```
#00263f
```
#00263f rgb(0,38,63)
```
#003152
```
#003152 rgb(0,49,82)
```
#003d66
```
#003d66 rgb(0,61,102)
```
#004979
```
#004979 rgb(0,73,121)
```
#00558d
```
#00558d rgb(0,85,141)
```
#0060a1
```
#0060a1 rgb(0,96,161)
```
#006cb4
```
#006cb4 rgb(0,108,180)
```
#0078c8
```
#0078c8 rgb(0,120,200)
```
#0084dc
```
#0084dc rgb(0,132,220)
```
#008fef
```
#008fef rgb(0,143,239)
```

Shade Color Variation

#049aff
```
#049aff rgb(4,154,255)
```
#17a2ff
```
#17a2ff rgb(23,162,255)
```
#2baaff
```
#2baaff rgb(43,170,255)
```
#3fb2ff
```
#3fb2ff rgb(63,178,255)
```
#52baff
```
#52baff rgb(82,186,255)
```
#66c2ff
```
#66c2ff rgb(102,194,255)
```
#79c9ff
```
#79c9ff rgb(121,201,255)
```
#8dd1ff
```
#8dd1ff rgb(141,209,255)
```
#a1d9ff
```
#a1d9ff rgb(161,217,255)
```
#b4e1ff
```
#b4e1ff rgb(180,225,255)
```
#c8e9ff
```
#c8e9ff rgb(200,233,255)
```
#dcf1ff
```
#dcf1ff rgb(220,241,255)
```
#eff9ff
```
#eff9ff rgb(239,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d979d is the less saturated color, while #2baaff is the most saturated one.

#8d979d
```
#8d979d rgb(141,151,157)
```
#8598a5
```
#8598a5 rgb(133,152,165)
```
#7d9aad
```
#7d9aad rgb(125,154,173)
```
#749bb6
```
#749bb6 rgb(116,155,182)
```
#6c9dbe
```
#6c9dbe rgb(108,157,190)
```
#649fc6
```
#649fc6 rgb(100,159,198)
```
#5ca0ce
```
#5ca0ce rgb(92,160,206)
```
#54a2d6
```
#54a2d6 rgb(84,162,214)
```
#4ca4de
```
#4ca4de rgb(76,164,222)
```
#43a5e7
```
#43a5e7 rgb(67,165,231)
```
#3ba7ef
```
#3ba7ef rgb(59,167,239)
```
#33a8f7
```
#33a8f7 rgb(51,168,247)
```
#2baaff
```
#2baaff rgb(43,170,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7a94a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a4f7 Protanopia 1% of men
#70a8ff Deuteranopia 1% of men
#00b7c4 Tritanopia 0.001% of the population

Trichromacy

#65a6fa Protanomaly 1% of men, 0.01% of women
#57a8ff Deuteranomaly 6% of men, 0.4% of women
#0fb2d9 Tritanomaly 0.01% of the population

#2baaff hex color

#2baaff Color Information

#2baaff Color Conversion

Color Schemes with #2baaff

Alternatives to #2baaff

#2baaff Preview

Shades and Tints of #2baaff

Tones of #2baaff

Color Blindness Simulator