#2b82bd hex color

In a RGB color space, hex #2b82bd is composed of 16.9% red, 51% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 31.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 204.2 degrees, a saturation of 62.9% and a lightness of 45.5%. #2b82bd color hex could be obtained by blending #56ffff with #00057b. Closest websafe color is: #3399cc.

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

● #2b82bd color description : Strong blue.

The hexadecimal color #2b82bd has RGB values of R:43, G:130, B:189 and CMYK values of C:0.77, M:0.31, Y:0, K:0.26. Its decimal value is 2851517.

Hex triplet	2b82bd	`#2b82bd`
RGB Decimal	43, 130, 189	`rgb(43,130,189)`
RGB Percent	16.9, 51, 74.1	`rgb(16.9%,51%,74.1%)`
CMYK	77, 31, 0, 26
HSL	204.2°, 62.9, 45.5	`hsl(204.2,62.9%,45.5%)`
HSV (or HSB)	204.2°, 77.2, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.008, -5.148, -38.142
XYZ	18.162, 20.151, 51.074
xyY	0.203, 0.225, 20.151
CIE-LCH	52.008, 38.488, 262.314
CIE-LUV	52.008, -30.061, -57.763
Hunter-Lab	44.89, -6.34, -36.034
Binary	00101011, 10000010, 10111101

#2b82bd
```
#2b82bd rgb(43,130,189)
```
#bd662b
```
#bd662b rgb(189,102,43)
```

Complementary Color

#2bbdaf
```
#2bbdaf rgb(43,189,175)
```
#2b82bd
```
#2b82bd rgb(43,130,189)
```
#2b39bd
```
#2b39bd rgb(43,57,189)
```

Analogous Color

#bdaf2b
```
#bdaf2b rgb(189,175,43)
```
#2b82bd
```
#2b82bd rgb(43,130,189)
```
#bd2b39
```
#bd2b39 rgb(189,43,57)
```

Split Complementary Color

#82bd2b
```
#82bd2b rgb(130,189,43)
```
#2b82bd
```
#2b82bd rgb(43,130,189)
```
#bd2b82
```
#bd2b82 rgb(189,43,130)
```

Triadic Color

#2bbd66
```
#2bbd66 rgb(43,189,102)
```
#2b82bd
```
#2b82bd rgb(43,130,189)
```
#bd2b82
```
#bd2b82 rgb(189,43,130)
```
#bd662b
```
#bd662b rgb(189,102,43)
```

Tetradic Color

#1d577f
```
#1d577f rgb(29,87,127)
```
#226593
```
#226593 rgb(34,101,147)
```
#2674a8
```
#2674a8 rgb(38,116,168)
```
#2b82bd
```
#2b82bd rgb(43,130,189)
```
#3190d0
```
#3190d0 rgb(49,144,208)
```
#469bd5
```
#469bd5 rgb(70,155,213)
```
#5ba6da
```
#5ba6da rgb(91,166,218)
```

Monochromatic Color

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

#2ba7bd
```
#2ba7bd rgb(43,167,189)
```
#2b9abd
```
#2b9abd rgb(43,154,189)
```
#2b8ebd
```
#2b8ebd rgb(43,142,189)
```
#2b82bd
```
#2b82bd rgb(43,130,189)
```
#2b76bd
```
#2b76bd rgb(43,118,189)
```
#2b6abd
```
#2b6abd rgb(43,106,189)
```
#2b5ebd
```
#2b5ebd rgb(43,94,189)
```

Similar Colors

Text with hexadecimal color #2b82bd

This text has a font color of #2b82bd.

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

#2b82bd background color

This paragraph has a background color of #2b82bd.

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

#2b82bd border color

This element has a border color of #2b82bd.

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

CSS codes

.text {color:#2b82bd;}

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

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

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

#03090d
```
#03090d rgb(3,9,13)
```
#07141d
```
#07141d rgb(7,20,29)
```
#0a1f2d
```
#0a1f2d rgb(10,31,45)
```
#0e2a3d
```
#0e2a3d rgb(14,42,61)
```
#12354d
```
#12354d rgb(18,53,77)
```
#15405d
```
#15405d rgb(21,64,93)
```
#194b6d
```
#194b6d rgb(25,75,109)
```
#1c567d
```
#1c567d rgb(28,86,125)
```
#20618d
```
#20618d rgb(32,97,141)
```
#246c9d
```
#246c9d rgb(36,108,157)
```
#2777ad
```
#2777ad rgb(39,119,173)
```
#2b82bd
```
#2b82bd rgb(43,130,189)
```
#2f8dcd
```
#2f8dcd rgb(47,141,205)
```

Shade Color Variation

#3c96d3
```
#3c96d3 rgb(60,150,211)
```
#4c9fd6
```
#4c9fd6 rgb(76,159,214)
```
#5ca7da
```
#5ca7da rgb(92,167,218)
```
#6cb0de
```
#6cb0de rgb(108,176,222)
```
#7cb9e1
```
#7cb9e1 rgb(124,185,225)
```
#8cc1e5
```
#8cc1e5 rgb(140,193,229)
```
#9ccae9
```
#9ccae9 rgb(156,202,233)
```
#acd2ec
```
#acd2ec rgb(172,210,236)
```
#bcdbf0
```
#bcdbf0 rgb(188,219,240)
```
#cce4f3
```
#cce4f3 rgb(204,228,243)
```
#dcecf7
```
#dcecf7 rgb(220,236,247)
```
#ecf5fb
```
#ecf5fb rgb(236,245,251)
```
#fcfefe
```
#fcfefe rgb(252,254,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 #0789e1 is the most saturated one.

#727476
```
#727476 rgb(114,116,118)
```
#69767f
```
#69767f rgb(105,118,127)
```
#617887
```
#617887 rgb(97,120,135)
```
#587990
```
#587990 rgb(88,121,144)
```
#4f7b99
```
#4f7b99 rgb(79,123,153)
```
#467da2
```
#467da2 rgb(70,125,162)
```
#3d7fab
```
#3d7fab rgb(61,127,171)
```
#3480b4
```
#3480b4 rgb(52,128,180)
```
#2b82bd
```
#2b82bd rgb(43,130,189)
```
#2284c6
```
#2284c6 rgb(34,132,198)
```
#1985cf
```
#1985cf rgb(25,133,207)
```
#1087d8
```
#1087d8 rgb(16,135,216)
```
#0789e1
```
#0789e1 rgb(7,137,225)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#61737f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d80ba Protanopia 1% of men
#5e82c2 Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#5581bb Protanomaly 1% of men, 0.01% of women
#4b82c0 Deuteranomaly 6% of men, 0.4% of women
#0f8aa6 Tritanomaly 0.01% of the population

#2b82bd hex color

#2b82bd Color Information

#2b82bd Color Conversion

Color Schemes with #2b82bd

Alternatives to #2b82bd

#2b82bd Preview

Shades and Tints of #2b82bd

Tones of #2b82bd

Color Blindness Simulator