#2baafb hex color

In a RGB color space, hex #2baafb is composed of 16.9% red, 66.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 32.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 203.4 degrees, a saturation of 96.3% and a lightness of 57.6%. #2baafb color hex could be obtained by blending #56ffff with #0055f7. Closest websafe color is: #3399ff.

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

● #2baafb color description : Bright blue.

The hexadecimal color #2baafb has RGB values of R:43, G:170, B:251 and CMYK values of C:0.83, M:0.32, Y:0, K:0.02. Its decimal value is 2861819.

Hex triplet	2baafb	`#2baafb`
RGB Decimal	43, 170, 251	`rgb(43,170,251)`
RGB Percent	16.9, 66.7, 98.4	`rgb(16.9%,66.7%,98.4%)`
CMYK	83, 32, 0, 2
HSL	203.4°, 96.3, 57.6	`hsl(203.4,96.3%,57.6%)`
HSV (or HSB)	203.4°, 82.9, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.692, -5.793, -49.557
XYZ	32.779, 36.225, 96.526
xyY	0.198, 0.219, 36.225
CIE-LCH	66.692, 49.894, 263.333
CIE-LUV	66.692, -40.218, -79.544
Hunter-Lab	60.187, -8.113, -52.956
Binary	00101011, 10101010, 11111011

#2baafb
```
#2baafb rgb(43,170,251)
```
#fb7c2b
```
#fb7c2b rgb(251,124,43)
```

Complementary Color

#2bfbe4
```
#2bfbe4 rgb(43,251,228)
```
#2baafb
```
#2baafb rgb(43,170,251)
```
#2b42fb
```
#2b42fb rgb(43,66,251)
```

Analogous Color

#fbe42b
```
#fbe42b rgb(251,228,43)
```
#2baafb
```
#2baafb rgb(43,170,251)
```
#fb2b42
```
#fb2b42 rgb(251,43,66)
```

Split Complementary Color

#aafb2b
```
#aafb2b rgb(170,251,43)
```
#2baafb
```
#2baafb rgb(43,170,251)
```
#fb2baa
```
#fb2baa rgb(251,43,170)
```

Triadic Color

#2bfb7c
```
#2bfb7c rgb(43,251,124)
```
#2baafb
```
#2baafb rgb(43,170,251)
```
#fb2baa
```
#fb2baa rgb(251,43,170)
```
#fb7c2b
```
#fb7c2b rgb(251,124,43)
```

Tetradic Color

#0484d5
```
#0484d5 rgb(4,132,213)
```
#0493ef
```
#0493ef rgb(4,147,239)
```
#12a0fb
```
#12a0fb rgb(18,160,251)
```
#2baafb
```
#2baafb rgb(43,170,251)
```
#44b4fb
```
#44b4fb rgb(68,180,251)
```
#5dbefc
```
#5dbefc rgb(93,190,252)
```
#76c8fc
```
#76c8fc rgb(118,200,252)
```

Monochromatic Color

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

#2bdefb
```
#2bdefb rgb(43,222,251)
```
#2bcdfb
```
#2bcdfb rgb(43,205,251)
```
#2bbbfb
```
#2bbbfb rgb(43,187,251)
```
#2baafb
```
#2baafb rgb(43,170,251)
```
#2b99fb
```
#2b99fb rgb(43,153,251)
```
#2b87fb
```
#2b87fb rgb(43,135,251)
```
#2b76fb
```
#2b76fb rgb(43,118,251)
```

Similar Colors

Text with hexadecimal color #2baafb

This text has a font color of #2baafb.

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

#2baafb background color

This paragraph has a background color of #2baafb.

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

#2baafb border color

This element has a border color of #2baafb.

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

CSS codes

.text {color:#2baafb;}

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

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

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, #000c13 is the darkest color, while #ffffff is the lightest one.

#000c13
```
#000c13 rgb(0,12,19)
```
#011826
```
#011826 rgb(1,24,38)
```
#01243a
```
#01243a rgb(1,36,58)
```
#012f4d
```
#012f4d rgb(1,47,77)
```
#023b60
```
#023b60 rgb(2,59,96)
```
#024773
```
#024773 rgb(2,71,115)
```
#035387
```
#035387 rgb(3,83,135)
```
#035f9a
```
#035f9a rgb(3,95,154)
```
#036bad
```
#036bad rgb(3,107,173)
```
#0477c0
```
#0477c0 rgb(4,119,192)
```
#0483d4
```
#0483d4 rgb(4,131,212)
```
#048fe7
```
#048fe7 rgb(4,143,231)
```
#059bfa
```
#059bfa rgb(5,155,250)
```

Shade Color Variation

#18a2fb
```
#18a2fb rgb(24,162,251)
```
#2baafb
```
#2baafb rgb(43,170,251)
```
#3eb2fb
```
#3eb2fb rgb(62,178,251)
```
#52b9fc
```
#52b9fc rgb(82,185,252)
```
#65c1fc
```
#65c1fc rgb(101,193,252)
```
#78c9fc
```
#78c9fc rgb(120,201,252)
```
#8bd1fd
```
#8bd1fd rgb(139,209,253)
```
#9fd8fd
```
#9fd8fd rgb(159,216,253)
```
#b2e0fe
```
#b2e0fe rgb(178,224,254)
```
#c5e8fe
```
#c5e8fe rgb(197,232,254)
```
#d8effe
```
#d8effe rgb(216,239,254)
```
#ecf7ff
```
#ecf7ff rgb(236,247,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8f9497
```
#8f9497 rgb(143,148,151)
```
#8696a0
```
#8696a0 rgb(134,150,160)
```
#7e98a8
```
#7e98a8 rgb(126,152,168)
```
#7699b0
```
#7699b0 rgb(118,153,176)
```
#6d9bb9
```
#6d9bb9 rgb(109,155,185)
```
#659dc1
```
#659dc1 rgb(101,157,193)
```
#5d9fc9
```
#5d9fc9 rgb(93,159,201)
```
#55a1d1
```
#55a1d1 rgb(85,161,209)
```
#4ca3da
```
#4ca3da rgb(76,163,218)
```
#44a4e2
```
#44a4e2 rgb(68,164,226)
```
#3ca6ea
```
#3ca6ea rgb(60,166,234)
```
#33a8f3
```
#33a8f3 rgb(51,168,243)
```
#2baafb
```
#2baafb rgb(43,170,251)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7993a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a4f3 Protanopia 1% of men
#71a7fe Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#66a6f6 Protanomaly 1% of men, 0.01% of women
#57a8fd Deuteranomaly 6% of men, 0.4% of women
#0fb2d7 Tritanomaly 0.01% of the population

#2baafb hex color

#2baafb Color Information

#2baafb Color Conversion

Color Schemes with #2baafb

Alternatives to #2baafb

#2baafb Preview

Shades and Tints of #2baafb

Tones of #2baafb

Color Blindness Simulator