#2b7bba hex color

In a RGB color space, hex #2b7bba is composed of 16.9% red, 48.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 33.9% magenta, 0% yellow and 27.1% black. It has a hue angle of 206.4 degrees, a saturation of 62.4% and a lightness of 44.9%. #2b7bba color hex could be obtained by blending #56f6ff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 48
- B 73
RGB color chart
- C 77
- M 34
- Y 0
- K 27
CMYK color chart

● #2b7bba color description : Strong blue.

The hexadecimal color #2b7bba has RGB values of R:43, G:123, B:186 and CMYK values of C:0.77, M:0.34, Y:0, K:0.27. Its decimal value is 2849722.

Hex triplet	2b7bba	`#2b7bba`
RGB Decimal	43, 123, 186	`rgb(43,123,186)`
RGB Percent	16.9, 48.2, 72.9	`rgb(16.9%,48.2%,72.9%)`
CMYK	77, 34, 0, 27
HSL	206.4°, 62.4, 44.9	`hsl(206.4,62.4%,44.9%)`
HSV (or HSB)	206.4°, 76.9, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.766, -2.092, -39.955
XYZ	16.94, 18.223, 49.076
xyY	0.201, 0.216, 18.223
CIE-LCH	49.766, 40.01, 267.003
CIE-LUV	49.766, -27.797, -60.473
Hunter-Lab	42.689, -3.872, -38.28
Binary	00101011, 01111011, 10111010

#2b7bba
```
#2b7bba rgb(43,123,186)
```
#ba6a2b
```
#ba6a2b rgb(186,106,43)
```

Complementary Color

#2bbab2
```
#2bbab2 rgb(43,186,178)
```
#2b7bba
```
#2b7bba rgb(43,123,186)
```
#2b34ba
```
#2b34ba rgb(43,52,186)
```

Analogous Color

#bab22b
```
#bab22b rgb(186,178,43)
```
#2b7bba
```
#2b7bba rgb(43,123,186)
```
#ba2b34
```
#ba2b34 rgb(186,43,52)
```

Split Complementary Color

#7bba2b
```
#7bba2b rgb(123,186,43)
```
#2b7bba
```
#2b7bba rgb(43,123,186)
```
#ba2b7b
```
#ba2b7b rgb(186,43,123)
```

Triadic Color

#2bba6a
```
#2bba6a rgb(43,186,106)
```
#2b7bba
```
#2b7bba rgb(43,123,186)
```
#ba2b7b
```
#ba2b7b rgb(186,43,123)
```
#ba6a2b
```
#ba6a2b rgb(186,106,43)
```

Tetradic Color

#1d527c
```
#1d527c rgb(29,82,124)
```
#216091
```
#216091 rgb(33,96,145)
```
#266da5
```
#266da5 rgb(38,109,165)
```
#2b7bba
```
#2b7bba rgb(43,123,186)
```
#3089cf
```
#3089cf rgb(48,137,207)
```
#4495d4
```
#4495d4 rgb(68,149,212)
```
#59a0d9
```
#59a0d9 rgb(89,160,217)
```

Monochromatic Color

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

#2b9fba
```
#2b9fba rgb(43,159,186)
```
#2b93ba
```
#2b93ba rgb(43,147,186)
```
#2b87ba
```
#2b87ba rgb(43,135,186)
```
#2b7bba
```
#2b7bba rgb(43,123,186)
```
#2b6fba
```
#2b6fba rgb(43,111,186)
```
#2b63ba
```
#2b63ba rgb(43,99,186)
```
#2b57ba
```
#2b57ba rgb(43,87,186)
```

Similar Colors

Text with hexadecimal color #2b7bba

This text has a font color of #2b7bba.

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

#2b7bba background color

This paragraph has a background color of #2b7bba.

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

#2b7bba border color

This element has a border color of #2b7bba.

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

CSS codes

.text {color:#2b7bba;}

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

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

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, #02070b is the darkest color, while #fafcfe is the lightest one.

#02070b
```
#02070b rgb(2,7,11)
```
#06121b
```
#06121b rgb(6,18,27)
```
#0a1c2b
```
#0a1c2b rgb(10,28,43)
```
#0e273b
```
#0e273b rgb(14,39,59)
```
#11314a
```
#11314a rgb(17,49,74)
```
#153c5a
```
#153c5a rgb(21,60,90)
```
#19466a
```
#19466a rgb(25,70,106)
```
#1c517a
```
#1c517a rgb(28,81,122)
```
#205b8a
```
#205b8a rgb(32,91,138)
```
#24669a
```
#24669a rgb(36,102,154)
```
#2770aa
```
#2770aa rgb(39,112,170)
```
#2b7bba
```
#2b7bba rgb(43,123,186)
```
#2f86ca
```
#2f86ca rgb(47,134,202)
```

Shade Color Variation

#3b8fd2
```
#3b8fd2 rgb(59,143,210)
```
#4b98d5
```
#4b98d5 rgb(75,152,213)
```
#5aa1d9
```
#5aa1d9 rgb(90,161,217)
```
#6aaadd
```
#6aaadd rgb(106,170,221)
```
#7ab3e0
```
#7ab3e0 rgb(122,179,224)
```
#8abce4
```
#8abce4 rgb(138,188,228)
```
#9ac6e8
```
#9ac6e8 rgb(154,198,232)
```
#aacfeb
```
#aacfeb rgb(170,207,235)
```
#bad8ef
```
#bad8ef rgb(186,216,239)
```
#cae1f3
```
#cae1f3 rgb(202,225,243)
```
#daeaf6
```
#daeaf6 rgb(218,234,246)
```
#eaf3fa
```
#eaf3fa rgb(234,243,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#717374
```
#717374 rgb(113,115,116)
```
#69747c
```
#69747c rgb(105,116,124)
```
#607585
```
#607585 rgb(96,117,133)
```
#57768e
```
#57768e rgb(87,118,142)
```
#4e7797
```
#4e7797 rgb(78,119,151)
```
#4578a0
```
#4578a0 rgb(69,120,160)
```
#3d79a8
```
#3d79a8 rgb(61,121,168)
```
#347ab1
```
#347ab1 rgb(52,122,177)
```
#2b7bba
```
#2b7bba rgb(43,123,186)
```
#227cc3
```
#227cc3 rgb(34,124,195)
```
#197dcc
```
#197dcc rgb(25,125,204)
```
#117ed4
```
#117ed4 rgb(17,126,212)
```
#087fdd
```
#087fdd rgb(8,127,221)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5d6d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#657bb8 Protanopia 1% of men
#547dbf Deuteranopia 1% of men
#008993 Tritanopia 0.001% of the population

Trichromacy

#507bb9 Protanomaly 1% of men, 0.01% of women
#457cbd Deuteranomaly 6% of men, 0.4% of women
#0f84a1 Tritanomaly 0.01% of the population

#2b7bba hex color

#2b7bba Color Information

#2b7bba Color Conversion

Color Schemes with #2b7bba

Alternatives to #2b7bba

#2b7bba Preview

Shades and Tints of #2b7bba

Tones of #2b7bba

Color Blindness Simulator