#2bb4ef hex color

In a RGB color space, hex #2bb4ef is composed of 16.9% red, 70.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 24.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 198.1 degrees, a saturation of 86% and a lightness of 55.3%. #2bb4ef color hex could be obtained by blending #56ffff with #0069df. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 71
- B 94
RGB color chart
- C 82
- M 25
- Y 0
- K 6
CMYK color chart

● #2bb4ef color description : Bright blue.

The hexadecimal color #2bb4ef has RGB values of R:43, G:180, B:239 and CMYK values of C:0.82, M:0.25, Y:0, K:0.06. Its decimal value is 2864367.

Hex triplet	2bb4ef	`#2bb4ef`
RGB Decimal	43, 180, 239	`rgb(43,180,239)`
RGB Percent	16.9, 70.6, 93.7	`rgb(16.9%,70.6%,93.7%)`
CMYK	82, 25, 0, 6
HSL	198.1°, 86, 55.3	`hsl(198.1,86%,55.3%)`
HSV (or HSB)	198.1°, 82, 93.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.029, -15.462, -39.358
XYZ	32.893, 39.385, 87.525
xyY	0.206, 0.246, 39.385
CIE-LCH	69.029, 42.287, 248.552
CIE-LUV	69.029, -44.31, -61.356
Hunter-Lab	62.758, -16.267, -38.759
Binary	00101011, 10110100, 11101111

#2bb4ef
```
#2bb4ef rgb(43,180,239)
```
#ef662b
```
#ef662b rgb(239,102,43)
```

Complementary Color

#2befc8
```
#2befc8 rgb(43,239,200)
```
#2bb4ef
```
#2bb4ef rgb(43,180,239)
```
#2b52ef
```
#2b52ef rgb(43,82,239)
```

Analogous Color

#efc82b
```
#efc82b rgb(239,200,43)
```
#2bb4ef
```
#2bb4ef rgb(43,180,239)
```
#ef2b52
```
#ef2b52 rgb(239,43,82)
```

Split Complementary Color

#b4ef2b
```
#b4ef2b rgb(180,239,43)
```
#2bb4ef
```
#2bb4ef rgb(43,180,239)
```
#ef2bb4
```
#ef2bb4 rgb(239,43,180)
```

Triadic Color

#2bef66
```
#2bef66 rgb(43,239,102)
```
#2bb4ef
```
#2bb4ef rgb(43,180,239)
```
#ef2bb4
```
#ef2bb4 rgb(239,43,180)
```
#ef662b
```
#ef662b rgb(239,102,43)
```

Tetradic Color

#0e8abf
```
#0e8abf rgb(14,138,191)
```
#109bd7
```
#109bd7 rgb(16,155,215)
```
#13aced
```
#13aced rgb(19,172,237)
```
#2bb4ef
```
#2bb4ef rgb(43,180,239)
```
#43bcf1
```
#43bcf1 rgb(67,188,241)
```
#5ac5f3
```
#5ac5f3 rgb(90,197,243)
```
#72cdf4
```
#72cdf4 rgb(114,205,244)
```

Monochromatic Color

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

#2be5ef
```
#2be5ef rgb(43,229,239)
```
#2bd5ef
```
#2bd5ef rgb(43,213,239)
```
#2bc4ef
```
#2bc4ef rgb(43,196,239)
```
#2bb4ef
```
#2bb4ef rgb(43,180,239)
```
#2ba4ef
```
#2ba4ef rgb(43,164,239)
```
#2b93ef
```
#2b93ef rgb(43,147,239)
```
#2b83ef
```
#2b83ef rgb(43,131,239)
```

Similar Colors

Text with hexadecimal color #2bb4ef

This text has a font color of #2bb4ef.

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

#2bb4ef background color

This paragraph has a background color of #2bb4ef.

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

#2bb4ef border color

This element has a border color of #2bb4ef.

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

CSS codes

.text {color:#2bb4ef;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#021219
```
#021219 rgb(2,18,25)
```
#031f2b
```
#031f2b rgb(3,31,43)
```
#052c3e
```
#052c3e rgb(5,44,62)
```
#063a50
```
#063a50 rgb(6,58,80)
```
#074762
```
#074762 rgb(7,71,98)
```
#095474
```
#095474 rgb(9,84,116)
```
#0a6187
```
#0a6187 rgb(10,97,135)
```
#0c6e99
```
#0c6e99 rgb(12,110,153)
```
#0d7bab
```
#0d7bab rgb(13,123,171)
```
#0e89bd
```
#0e89bd rgb(14,137,189)
```
#1096cf
```
#1096cf rgb(16,150,207)
```
#11a3e2
```
#11a3e2 rgb(17,163,226)
```

Shade Color Variation

#19aeee
```
#19aeee rgb(25,174,238)
```
#2bb4ef
```
#2bb4ef rgb(43,180,239)
```
#3dbaf0
```
#3dbaf0 rgb(61,186,240)
```
#4fc1f2
```
#4fc1f2 rgb(79,193,242)
```
#62c7f3
```
#62c7f3 rgb(98,199,243)
```
#74cef5
```
#74cef5 rgb(116,206,245)
```
#86d4f6
```
#86d4f6 rgb(134,212,246)
```
#98dbf7
```
#98dbf7 rgb(152,219,247)
```
#abe1f9
```
#abe1f9 rgb(171,225,249)
```
#bde8fa
```
#bde8fa rgb(189,232,250)
```
#cfeefb
```
#cfeefb rgb(207,238,251)
```
#e1f5fd
```
#e1f5fd rgb(225,245,253)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8e8f is the less saturated color, while #22b7f8 is the most saturated one.

#8b8e8f
```
#8b8e8f rgb(139,142,143)
```
#839197
```
#839197 rgb(131,145,151)
```
#7a95a0
```
#7a95a0 rgb(122,149,160)
```
#7198a9
```
#7198a9 rgb(113,152,169)
```
#689cb2
```
#689cb2 rgb(104,156,178)
```
#609fba
```
#609fba rgb(96,159,186)
```
#57a3c3
```
#57a3c3 rgb(87,163,195)
```
#4ea6cc
```
#4ea6cc rgb(78,166,204)
```
#45aad5
```
#45aad5 rgb(69,170,213)
```
#3daddd
```
#3daddd rgb(61,173,221)
```
#34b1e6
```
#34b1e6 rgb(52,177,230)
```
#2bb4ef
```
#2bb4ef rgb(43,180,239)
```
#22b7f8
```
#22b7f8 rgb(34,183,248)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7d99a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aaae6 Protanopia 1% of men
#8cabf4 Deuteranopia 1% of men
#00bdcb Tritanopia 0.001% of the population

Trichromacy

#71aee9 Protanomaly 1% of men, 0.01% of women
#68aef2 Deuteranomaly 6% of men, 0.4% of women
#0fbad8 Tritanomaly 0.01% of the population

#2bb4ef hex color

#2bb4ef Color Information

#2bb4ef Color Conversion

Color Schemes with #2bb4ef

Alternatives to #2bb4ef

#2bb4ef Preview

Shades and Tints of #2bb4ef

Tones of #2bb4ef

Color Blindness Simulator