#2b9bdd hex color

In a RGB color space, hex #2b9bdd is composed of 16.9% red, 60.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 29.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 202.2 degrees, a saturation of 72.4% and a lightness of 51.8%. #2b9bdd color hex could be obtained by blending #56ffff with #0037bb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 61
- B 87
RGB color chart
- C 81
- M 30
- Y 0
- K 13
CMYK color chart

● #2b9bdd color description : Bright blue.

The hexadecimal color #2b9bdd has RGB values of R:43, G:155, B:221 and CMYK values of C:0.81, M:0.3, Y:0, K:0.13. Its decimal value is 2857949.

Hex triplet	2b9bdd	`#2b9bdd`
RGB Decimal	43, 155, 221	`rgb(43,155,221)`
RGB Percent	16.9, 60.8, 86.7	`rgb(16.9%,60.8%,86.7%)`
CMYK	81, 30, 0, 13
HSL	202.2°, 72.4, 51.8	`hsl(202.2,72.4%,51.8%)`
HSV (or HSB)	202.2°, 80.5, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.935, -8.021, -42.139
XYZ	25.766, 29.174, 72.676
xyY	0.202, 0.229, 29.174
CIE-LCH	60.935, 42.896, 259.222
CIE-LUV	60.935, -36.908, -65.751
Hunter-Lab	54.013, -9.375, -41.966
Binary	00101011, 10011011, 11011101

#2b9bdd
```
#2b9bdd rgb(43,155,221)
```
#dd6d2b
```
#dd6d2b rgb(221,109,43)
```

Complementary Color

#2bddc6
```
#2bddc6 rgb(43,221,198)
```
#2b9bdd
```
#2b9bdd rgb(43,155,221)
```
#2b42dd
```
#2b42dd rgb(43,66,221)
```

Analogous Color

#ddc62b
```
#ddc62b rgb(221,198,43)
```
#2b9bdd
```
#2b9bdd rgb(43,155,221)
```
#dd2b42
```
#dd2b42 rgb(221,43,66)
```

Split Complementary Color

#9bdd2b
```
#9bdd2b rgb(155,221,43)
```
#2b9bdd
```
#2b9bdd rgb(43,155,221)
```
#dd2b9b
```
#dd2b9b rgb(221,43,155)
```

Triadic Color

#2bdd6d
```
#2bdd6d rgb(43,221,109)
```
#2b9bdd
```
#2b9bdd rgb(43,155,221)
```
#dd2b9b
```
#dd2b9b rgb(221,43,155)
```
#dd6d2b
```
#dd6d2b rgb(221,109,43)
```

Tetradic Color

#1a6fa2
```
#1a6fa2 rgb(26,111,162)
```
#1d7eb8
```
#1d7eb8 rgb(29,126,184)
```
#218ece
```
#218ece rgb(33,142,206)
```
#2b9bdd
```
#2b9bdd rgb(43,155,221)
```
#41a5e1
```
#41a5e1 rgb(65,165,225)
```
#57b0e4
```
#57b0e4 rgb(87,176,228)
```
#6dbae8
```
#6dbae8 rgb(109,186,232)
```

Monochromatic Color

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

#2bc8dd
```
#2bc8dd rgb(43,200,221)
```
#2bb9dd
```
#2bb9dd rgb(43,185,221)
```
#2baadd
```
#2baadd rgb(43,170,221)
```
#2b9bdd
```
#2b9bdd rgb(43,155,221)
```
#2b8cdd
```
#2b8cdd rgb(43,140,221)
```
#2b7ddd
```
#2b7ddd rgb(43,125,221)
```
#2b6fdd
```
#2b6fdd rgb(43,111,221)
```

Similar Colors

Text with hexadecimal color #2b9bdd

This text has a font color of #2b9bdd.

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

#2b9bdd background color

This paragraph has a background color of #2b9bdd.

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

#2b9bdd border color

This element has a border color of #2b9bdd.

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

CSS codes

.text {color:#2b9bdd;}

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

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

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, #010508 is the darkest color, while #f6fbfe is the lightest one.

#010508
```
#010508 rgb(1,5,8)
```
#041119
```
#041119 rgb(4,17,25)
```
#071d2a
```
#071d2a rgb(7,29,42)
```
#09283a
```
#09283a rgb(9,40,58)
```
#0c344b
```
#0c344b rgb(12,52,75)
```
#0f405c
```
#0f405c rgb(15,64,92)
```
#124b6d
```
#124b6d rgb(18,75,109)
```
#14577e
```
#14577e rgb(20,87,126)
```
#17628f
```
#17628f rgb(23,98,143)
```
#1a6ea0
```
#1a6ea0 rgb(26,110,160)
```
#1c7ab1
```
#1c7ab1 rgb(28,122,177)
```
#1f85c2
```
#1f85c2 rgb(31,133,194)
```
#2291d3
```
#2291d3 rgb(34,145,211)
```

Shade Color Variation

#2b9bdd
```
#2b9bdd rgb(43,155,221)
```
#3ca3e0
```
#3ca3e0 rgb(60,163,224)
```
#4dabe2
```
#4dabe2 rgb(77,171,226)
```
#5eb3e5
```
#5eb3e5 rgb(94,179,229)
```
#6fbbe8
```
#6fbbe8 rgb(111,187,232)
```
#80c3eb
```
#80c3eb rgb(128,195,235)
```
#90cbed
```
#90cbed rgb(144,203,237)
```
#a1d3f0
```
#a1d3f0 rgb(161,211,240)
```
#b2dbf3
```
#b2dbf3 rgb(178,219,243)
```
#c3e3f5
```
#c3e3f5 rgb(195,227,245)
```
#d4ebf8
```
#d4ebf8 rgb(212,235,248)
```
#e5f3fb
```
#e5f3fb rgb(229,243,251)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

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

#808588
```
#808588 rgb(128,133,136)
```
#778791
```
#778791 rgb(119,135,145)
```
#6d8a9b
```
#6d8a9b rgb(109,138,155)
```
#648ca4
```
#648ca4 rgb(100,140,164)
```
#5a8fae
```
#5a8fae rgb(90,143,174)
```
#5191b7
```
#5191b7 rgb(81,145,183)
```
#4794c1
```
#4794c1 rgb(71,148,193)
```
#3e96ca
```
#3e96ca rgb(62,150,202)
```
#3499d4
```
#3499d4 rgb(52,153,212)
```
#2b9bdd
```
#2b9bdd rgb(43,155,221)
```
#229de6
```
#229de6 rgb(34,157,230)
```
#18a0f0
```
#18a0f0 rgb(24,160,240)
```
#0fa2f9
```
#0fa2f9 rgb(15,162,249)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#708693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8196d7 Protanopia 1% of men
#7098e2 Deuteranopia 1% of men
#00a7b3 Tritanopia 0.001% of the population

Trichromacy

#6298d9 Protanomaly 1% of men, 0.01% of women
#5799e0 Deuteranomaly 6% of men, 0.4% of women
#0fa2c2 Tritanomaly 0.01% of the population

#2b9bdd hex color

#2b9bdd Color Information

#2b9bdd Color Conversion

Color Schemes with #2b9bdd

Alternatives to #2b9bdd

#2b9bdd Preview

Shades and Tints of #2b9bdd

Tones of #2b9bdd

Color Blindness Simulator