#2b6bbd hex color

In a RGB color space, hex #2b6bbd is composed of 16.9% red, 42% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 43.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 213.7 degrees, a saturation of 62.9% and a lightness of 45.5%. #2b6bbd color hex could be obtained by blending #56d6ff with #00007b. Closest websafe color is: #3366cc.

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

● #2b6bbd color description : Strong blue.

The hexadecimal color #2b6bbd has RGB values of R:43, G:107, B:189 and CMYK values of C:0.77, M:0.43, Y:0, K:0.26. Its decimal value is 2845629.

Hex triplet	2b6bbd	`#2b6bbd`
RGB Decimal	43, 107, 189	`rgb(43,107,189)`
RGB Percent	16.9, 42, 74.1	`rgb(16.9%,42%,74.1%)`
CMYK	77, 43, 0, 26
HSL	213.7°, 62.9, 45.5	`hsl(213.7,62.9%,45.5%)`
HSV (or HSB)	213.7°, 77.2, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.223, 8.908, -48.913
XYZ	15.437, 14.702, 50.165
xyY	0.192, 0.183, 14.702
CIE-LCH	45.223, 49.718, 280.322
CIE-LUV	45.223, -22.376, -74.05
Hunter-Lab	38.343, 4.765, -50.731
Binary	00101011, 01101011, 10111101

#2b6bbd
```
#2b6bbd rgb(43,107,189)
```
#bd7d2b
```
#bd7d2b rgb(189,125,43)
```

Complementary Color

#2bb4bd
```
#2bb4bd rgb(43,180,189)
```
#2b6bbd
```
#2b6bbd rgb(43,107,189)
```
#342bbd
```
#342bbd rgb(52,43,189)
```

Analogous Color

#b4bd2b
```
#b4bd2b rgb(180,189,43)
```
#2b6bbd
```
#2b6bbd rgb(43,107,189)
```
#bd342b
```
#bd342b rgb(189,52,43)
```

Split Complementary Color

#6bbd2b
```
#6bbd2b rgb(107,189,43)
```
#2b6bbd
```
#2b6bbd rgb(43,107,189)
```
#bd2b6b
```
#bd2b6b rgb(189,43,107)
```

Triadic Color

#2bbd7d
```
#2bbd7d rgb(43,189,125)
```
#2b6bbd
```
#2b6bbd rgb(43,107,189)
```
#bd2b6b
```
#bd2b6b rgb(189,43,107)
```
#bd7d2b
```
#bd7d2b rgb(189,125,43)
```

Tetradic Color

#1d487f
```
#1d487f rgb(29,72,127)
```
#225393
```
#225393 rgb(34,83,147)
```
#265fa8
```
#265fa8 rgb(38,95,168)
```
#2b6bbd
```
#2b6bbd rgb(43,107,189)
```
#3177d0
```
#3177d0 rgb(49,119,208)
```
#4685d5
```
#4685d5 rgb(70,133,213)
```
#5b92da
```
#5b92da rgb(91,146,218)
```

Monochromatic Color

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

#2b90bd
```
#2b90bd rgb(43,144,189)
```
#2b83bd
```
#2b83bd rgb(43,131,189)
```
#2b77bd
```
#2b77bd rgb(43,119,189)
```
#2b6bbd
```
#2b6bbd rgb(43,107,189)
```
#2b5fbd
```
#2b5fbd rgb(43,95,189)
```
#2b53bd
```
#2b53bd rgb(43,83,189)
```
#2b46bd
```
#2b46bd rgb(43,70,189)
```

Similar Colors

Text with hexadecimal color #2b6bbd

This text has a font color of #2b6bbd.

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

#2b6bbd background color

This paragraph has a background color of #2b6bbd.

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

#2b6bbd border color

This element has a border color of #2b6bbd.

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

CSS codes

.text {color:#2b6bbd;}

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

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

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, #03070d is the darkest color, while #fcfdfe is the lightest one.

#03070d
```
#03070d rgb(3,7,13)
```
#07111d
```
#07111d rgb(7,17,29)
```
#0a1a2d
```
#0a1a2d rgb(10,26,45)
```
#0e233d
```
#0e233d rgb(14,35,61)
```
#122c4d
```
#122c4d rgb(18,44,77)
```
#15355d
```
#15355d rgb(21,53,93)
```
#193e6d
```
#193e6d rgb(25,62,109)
```
#1c477d
```
#1c477d rgb(28,71,125)
```
#20508d
```
#20508d rgb(32,80,141)
```
#24599d
```
#24599d rgb(36,89,157)
```
#2762ad
```
#2762ad rgb(39,98,173)
```
#2b6bbd
```
#2b6bbd rgb(43,107,189)
```
#2f74cd
```
#2f74cd rgb(47,116,205)
```

Shade Color Variation

#3c7ed3
```
#3c7ed3 rgb(60,126,211)
```
#4c89d6
```
#4c89d6 rgb(76,137,214)
```
#5c93da
```
#5c93da rgb(92,147,218)
```
#6c9ede
```
#6c9ede rgb(108,158,222)
```
#7ca9e1
```
#7ca9e1 rgb(124,169,225)
```
#8cb3e5
```
#8cb3e5 rgb(140,179,229)
```
#9cbee9
```
#9cbee9 rgb(156,190,233)
```
#acc8ec
```
#acc8ec rgb(172,200,236)
```
#bcd3f0
```
#bcd3f0 rgb(188,211,240)
```
#ccddf3
```
#ccddf3 rgb(204,221,243)
```
#dce8f7
```
#dce8f7 rgb(220,232,247)
```
#ecf3fb
```
#ecf3fb rgb(236,243,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#727476
```
#727476 rgb(114,116,118)
```
#69737f
```
#69737f rgb(105,115,127)
```
#617287
```
#617287 rgb(97,114,135)
```
#587190
```
#587190 rgb(88,113,144)
```
#4f6f99
```
#4f6f99 rgb(79,111,153)
```
#466ea2
```
#466ea2 rgb(70,110,162)
```
#3d6dab
```
#3d6dab rgb(61,109,171)
```
#346cb4
```
#346cb4 rgb(52,108,180)
```
#2b6bbd
```
#2b6bbd rgb(43,107,189)
```
#226ac6
```
#226ac6 rgb(34,106,198)
```
#1969cf
```
#1969cf rgb(25,105,207)
```
#1068d8
```
#1068d8 rgb(16,104,216)
```
#0767e1
```
#0767e1 rgb(7,103,225)
```

Tone Color Variation

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

#4b70be Protanopia 1% of men
#2374bf Deuteranopia 1% of men
#007d86 Tritanopia 0.001% of the population

Trichromacy

#3f6ebd Protanomaly 1% of men, 0.01% of women
#2670be Deuteranomaly 6% of men, 0.4% of women
#0f779a Tritanomaly 0.01% of the population

#2b6bbd hex color

#2b6bbd Color Information

#2b6bbd Color Conversion

Color Schemes with #2b6bbd

Alternatives to #2b6bbd

#2b6bbd Preview

Shades and Tints of #2b6bbd

Tones of #2b6bbd

Color Blindness Simulator