#2b6bba hex color

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

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

● #2b6bba color description : Strong blue.

The hexadecimal color #2b6bba has RGB values of R:43, G:107, B:186 and CMYK values of C:0.77, M:0.42, Y:0, K:0.27. Its decimal value is 2845626.

Hex triplet	2b6bba	`#2b6bba`
RGB Decimal	43, 107, 186	`rgb(43,107,186)`
RGB Percent	16.9, 42, 72.9	`rgb(16.9%,42%,72.9%)`
CMYK	77, 42, 0, 27
HSL	213.1°, 62.4, 44.9	`hsl(213.1,62.4%,44.9%)`
HSV (or HSB)	213.1°, 76.9, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.044, 7.77, -47.46
XYZ	15.115, 14.573, 48.468
xyY	0.193, 0.186, 14.573
CIE-LCH	45.044, 48.092, 279.298
CIE-LUV	45.044, -22.465, -71.662
Hunter-Lab	38.175, 3.87, -48.555
Binary	00101011, 01101011, 10111010

#2b6bba
```
#2b6bba rgb(43,107,186)
```
#ba7a2b
```
#ba7a2b rgb(186,122,43)
```

Complementary Color

#2bb3ba
```
#2bb3ba rgb(43,179,186)
```
#2b6bba
```
#2b6bba rgb(43,107,186)
```
#332bba
```
#332bba rgb(51,43,186)
```

Analogous Color

#b3ba2b
```
#b3ba2b rgb(179,186,43)
```
#2b6bba
```
#2b6bba rgb(43,107,186)
```
#ba322b
```
#ba322b rgb(186,50,43)
```

Split Complementary Color

#6bba2b
```
#6bba2b rgb(107,186,43)
```
#2b6bba
```
#2b6bba rgb(43,107,186)
```
#ba2b6b
```
#ba2b6b rgb(186,43,107)
```

Triadic Color

#2bba7a
```
#2bba7a rgb(43,186,122)
```
#2b6bba
```
#2b6bba rgb(43,107,186)
```
#ba2b6b
```
#ba2b6b rgb(186,43,107)
```
#ba7a2b
```
#ba7a2b rgb(186,122,43)
```

Tetradic Color

#1d477c
```
#1d477c rgb(29,71,124)
```
#215391
```
#215391 rgb(33,83,145)
```
#265fa5
```
#265fa5 rgb(38,95,165)
```
#2b6bba
```
#2b6bba rgb(43,107,186)
```
#3077cf
```
#3077cf rgb(48,119,207)
```
#4484d4
```
#4484d4 rgb(68,132,212)
```
#5992d9
```
#5992d9 rgb(89,146,217)
```

Monochromatic Color

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

#2b8fba
```
#2b8fba rgb(43,143,186)
```
#2b83ba
```
#2b83ba rgb(43,131,186)
```
#2b77ba
```
#2b77ba rgb(43,119,186)
```
#2b6bba
```
#2b6bba rgb(43,107,186)
```
#2b5fba
```
#2b5fba rgb(43,95,186)
```
#2b53ba
```
#2b53ba rgb(43,83,186)
```
#2b47ba
```
#2b47ba rgb(43,71,186)
```

Similar Colors

Text with hexadecimal color #2b6bba

This text has a font color of #2b6bba.

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

#2b6bba background color

This paragraph has a background color of #2b6bba.

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

#2b6bba border color

This element has a border color of #2b6bba.

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

CSS codes

.text {color:#2b6bba;}

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

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

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

#02060b
```
#02060b rgb(2,6,11)
```
#060f1b
```
#060f1b rgb(6,15,27)
```
#0a192b
```
#0a192b rgb(10,25,43)
```
#0e223b
```
#0e223b rgb(14,34,59)
```
#112b4a
```
#112b4a rgb(17,43,74)
```
#15345a
```
#15345a rgb(21,52,90)
```
#193d6a
```
#193d6a rgb(25,61,106)
```
#1c467a
```
#1c467a rgb(28,70,122)
```
#20508a
```
#20508a rgb(32,80,138)
```
#24599a
```
#24599a rgb(36,89,154)
```
#2762aa
```
#2762aa rgb(39,98,170)
```
#2b6bba
```
#2b6bba rgb(43,107,186)
```
#2f74ca
```
#2f74ca rgb(47,116,202)
```

Shade Color Variation

#3b7ed2
```
#3b7ed2 rgb(59,126,210)
```
#4b89d5
```
#4b89d5 rgb(75,137,213)
```
#5a93d9
```
#5a93d9 rgb(90,147,217)
```
#6a9edd
```
#6a9edd rgb(106,158,221)
```
#7aa8e0
```
#7aa8e0 rgb(122,168,224)
```
#8ab2e4
```
#8ab2e4 rgb(138,178,228)
```
#9abde8
```
#9abde8 rgb(154,189,232)
```
#aac7eb
```
#aac7eb rgb(170,199,235)
```
#bad2ef
```
#bad2ef rgb(186,210,239)
```
#cadcf3
```
#cadcf3 rgb(202,220,243)
```
#dae7f6
```
#dae7f6 rgb(218,231,246)
```
#eaf1fa
```
#eaf1fa rgb(234,241,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#717274
```
#717274 rgb(113,114,116)
```
#69717c
```
#69717c rgb(105,113,124)
```
#607185
```
#607185 rgb(96,113,133)
```
#57708e
```
#57708e rgb(87,112,142)
```
#4e6f97
```
#4e6f97 rgb(78,111,151)
```
#456ea0
```
#456ea0 rgb(69,110,160)
```
#3d6da8
```
#3d6da8 rgb(61,109,168)
```
#346cb1
```
#346cb1 rgb(52,108,177)
```
#2b6bba
```
#2b6bba rgb(43,107,186)
```
#226ac3
```
#226ac3 rgb(34,106,195)
```
#1969cc
```
#1969cc rgb(25,105,204)
```
#1168d4
```
#1168d4 rgb(17,104,212)
```
#0867dd
```
#0867dd rgb(8,103,221)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#566373 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d6fbb Protanopia 1% of men
#2b73bd Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#416eba Protanomaly 1% of men, 0.01% of women
#2b70bc Deuteranomaly 6% of men, 0.4% of women
#0f7698 Tritanomaly 0.01% of the population

#2b6bba hex color

#2b6bba Color Information

#2b6bba Color Conversion

Color Schemes with #2b6bba

Alternatives to #2b6bba

#2b6bba Preview

Shades and Tints of #2b6bba

Tones of #2b6bba

Color Blindness Simulator