#2b99bd hex color

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

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

● #2b99bd color description : Strong cyan.

The hexadecimal color #2b99bd has RGB values of R:43, G:153, B:189 and CMYK values of C:0.77, M:0.19, Y:0, K:0.26. Its decimal value is 2857405.

Hex triplet	2b99bd	`#2b99bd`
RGB Decimal	43, 153, 189	`rgb(43,153,189)`
RGB Percent	16.9, 60, 74.1	`rgb(16.9%,60%,74.1%)`
CMYK	77, 19, 0, 26
HSL	194.8°, 62.9, 45.5	`hsl(194.8,62.9%,45.5%)`
HSV (or HSB)	194.8°, 77.2, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.945, -18.055, -27.325
XYZ	21.57, 26.968, 52.21
xyY	0.214, 0.268, 26.968
CIE-LCH	58.945, 32.751, 236.546
CIE-LUV	58.945, -38.141, -39.708
Hunter-Lab	51.931, -16.736, -23.257
Binary	00101011, 10011001, 10111101

#2b99bd
```
#2b99bd rgb(43,153,189)
```
#bd4f2b
```
#bd4f2b rgb(189,79,43)
```

Complementary Color

#2bbd98
```
#2bbd98 rgb(43,189,152)
```
#2b99bd
```
#2b99bd rgb(43,153,189)
```
#2b50bd
```
#2b50bd rgb(43,80,189)
```

Analogous Color

#bd982b
```
#bd982b rgb(189,152,43)
```
#2b99bd
```
#2b99bd rgb(43,153,189)
```
#bd2b50
```
#bd2b50 rgb(189,43,80)
```

Split Complementary Color

#99bd2b
```
#99bd2b rgb(153,189,43)
```
#2b99bd
```
#2b99bd rgb(43,153,189)
```
#bd2b99
```
#bd2b99 rgb(189,43,153)
```

Triadic Color

#2bbd4f
```
#2bbd4f rgb(43,189,79)
```
#2b99bd
```
#2b99bd rgb(43,153,189)
```
#bd2b99
```
#bd2b99 rgb(189,43,153)
```
#bd4f2b
```
#bd4f2b rgb(189,79,43)
```

Tetradic Color

#1d677f
```
#1d677f rgb(29,103,127)
```
#227793
```
#227793 rgb(34,119,147)
```
#2688a8
```
#2688a8 rgb(38,136,168)
```
#2b99bd
```
#2b99bd rgb(43,153,189)
```
#31a9d0
```
#31a9d0 rgb(49,169,208)
```
#46b2d5
```
#46b2d5 rgb(70,178,213)
```
#5bbada
```
#5bbada rgb(91,186,218)
```

Monochromatic Color

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

#2bbdbd
```
#2bbdbd rgb(43,189,189)
```
#2bb1bd
```
#2bb1bd rgb(43,177,189)
```
#2ba5bd
```
#2ba5bd rgb(43,165,189)
```
#2b99bd
```
#2b99bd rgb(43,153,189)
```
#2b8dbd
```
#2b8dbd rgb(43,141,189)
```
#2b81bd
```
#2b81bd rgb(43,129,189)
```
#2b75bd
```
#2b75bd rgb(43,117,189)
```

Similar Colors

Text with hexadecimal color #2b99bd

This text has a font color of #2b99bd.

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

#2b99bd background color

This paragraph has a background color of #2b99bd.

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

#2b99bd border color

This element has a border color of #2b99bd.

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

CSS codes

.text {color:#2b99bd;}

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

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

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

#030b0d
```
#030b0d rgb(3,11,13)
```
#07181d
```
#07181d rgb(7,24,29)
```
#0a252d
```
#0a252d rgb(10,37,45)
```
#0e323d
```
#0e323d rgb(14,50,61)
```
#123e4d
```
#123e4d rgb(18,62,77)
```
#154b5d
```
#154b5d rgb(21,75,93)
```
#19586d
```
#19586d rgb(25,88,109)
```
#1c657d
```
#1c657d rgb(28,101,125)
```
#20728d
```
#20728d rgb(32,114,141)
```
#247f9d
```
#247f9d rgb(36,127,157)
```
#278cad
```
#278cad rgb(39,140,173)
```
#2b99bd
```
#2b99bd rgb(43,153,189)
```
#2fa6cd
```
#2fa6cd rgb(47,166,205)
```

Shade Color Variation

#3caed3
```
#3caed3 rgb(60,174,211)
```
#4cb4d6
```
#4cb4d6 rgb(76,180,214)
```
#5cbbda
```
#5cbbda rgb(92,187,218)
```
#6cc2de
```
#6cc2de rgb(108,194,222)
```
#7cc8e1
```
#7cc8e1 rgb(124,200,225)
```
#8ccfe5
```
#8ccfe5 rgb(140,207,229)
```
#9cd6e9
```
#9cd6e9 rgb(156,214,233)
```
#acdcec
```
#acdcec rgb(172,220,236)
```
#bce3f0
```
#bce3f0 rgb(188,227,240)
```
#cceaf3
```
#cceaf3 rgb(204,234,243)
```
#dcf0f7
```
#dcf0f7 rgb(220,240,247)
```
#ecf7fb
```
#ecf7fb rgb(236,247,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#727576
```
#727576 rgb(114,117,118)
```
#69797f
```
#69797f rgb(105,121,127)
```
#617e87
```
#617e87 rgb(97,126,135)
```
#588290
```
#588290 rgb(88,130,144)
```
#4f8799
```
#4f8799 rgb(79,135,153)
```
#468ba2
```
#468ba2 rgb(70,139,162)
```
#3d90ab
```
#3d90ab rgb(61,144,171)
```
#3494b4
```
#3494b4 rgb(52,148,180)
```
#2b99bd
```
#2b99bd rgb(43,153,189)
```
#229ec6
```
#229ec6 rgb(34,158,198)
```
#19a2cf
```
#19a2cf rgb(25,162,207)
```
#10a7d8
```
#10a7d8 rgb(16,167,216)
```
#07abe1
```
#07abe1 rgb(7,171,225)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6c8289 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8992b8 Protanopia 1% of men
#8292c5 Deuteranopia 1% of men
#1ba1ad Tritanopia 0.001% of the population

Trichromacy

#6794ba Protanomaly 1% of men, 0.01% of women
#6294c2 Deuteranomaly 6% of men, 0.4% of women
#209eb3 Tritanomaly 0.01% of the population

#2b99bd hex color

#2b99bd Color Information

#2b99bd Color Conversion

Color Schemes with #2b99bd

Alternatives to #2b99bd

#2b99bd Preview

Shades and Tints of #2b99bd

Tones of #2b99bd

Color Blindness Simulator