#2bb3f5 hex color

In a RGB color space, hex #2bb3f5 is composed of 16.9% red, 70.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 26.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 199.6 degrees, a saturation of 91% and a lightness of 56.5%. #2bb3f5 color hex could be obtained by blending #56ffff with #0067eb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 70
- B 96
RGB color chart
- C 82
- M 27
- Y 0
- K 4
CMYK color chart

● #2bb3f5 color description : Bright blue.

The hexadecimal color #2bb3f5 has RGB values of R:43, G:179, B:245 and CMYK values of C:0.82, M:0.27, Y:0, K:0.04. Its decimal value is 2864117.

Hex triplet	2bb3f5	`#2bb3f5`
RGB Decimal	43, 179, 245	`rgb(43,179,245)`
RGB Percent	16.9, 70.2, 96.1	`rgb(16.9%,70.2%,96.1%)`
CMYK	82, 27, 0, 4
HSL	199.6°, 91, 56.5	`hsl(199.6,91%,56.5%)`
HSV (or HSB)	199.6°, 82.4, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	68.999, -12.86, -42.667
XYZ	33.594, 39.343, 92.205
xyY	0.203, 0.238, 39.343
CIE-LCH	68.999, 44.563, 253.227
CIE-LUV	68.999, -43.588, -67.327
Hunter-Lab	62.724, -14.167, -43.249
Binary	00101011, 10110011, 11110101

#2bb3f5
```
#2bb3f5 rgb(43,179,245)
```
#f56d2b
```
#f56d2b rgb(245,109,43)
```

Complementary Color

#2bf5d2
```
#2bf5d2 rgb(43,245,210)
```
#2bb3f5
```
#2bb3f5 rgb(43,179,245)
```
#2b4ef5
```
#2b4ef5 rgb(43,78,245)
```

Analogous Color

#f5d22b
```
#f5d22b rgb(245,210,43)
```
#2bb3f5
```
#2bb3f5 rgb(43,179,245)
```
#f52b4e
```
#f52b4e rgb(245,43,78)
```

Split Complementary Color

#b3f52b
```
#b3f52b rgb(179,245,43)
```
#2bb3f5
```
#2bb3f5 rgb(43,179,245)
```
#f52bb3
```
#f52bb3 rgb(245,43,179)
```

Triadic Color

#2bf56d
```
#2bf56d rgb(43,245,109)
```
#2bb3f5
```
#2bb3f5 rgb(43,179,245)
```
#f52bb3
```
#f52bb3 rgb(245,43,179)
```
#f56d2b
```
#f56d2b rgb(245,109,43)
```

Tetradic Color

#0a8bca
```
#0a8bca rgb(10,139,202)
```
#0b9ce2
```
#0b9ce2 rgb(11,156,226)
```
#13aaf4
```
#13aaf4 rgb(19,170,244)
```
#2bb3f5
```
#2bb3f5 rgb(43,179,245)
```
#43bcf6
```
#43bcf6 rgb(67,188,246)
```
#5cc4f7
```
#5cc4f7 rgb(92,196,247)
```
#74cdf8
```
#74cdf8 rgb(116,205,248)
```

Monochromatic Color

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

#2be6f5
```
#2be6f5 rgb(43,230,245)
```
#2bd5f5
```
#2bd5f5 rgb(43,213,245)
```
#2bc4f5
```
#2bc4f5 rgb(43,196,245)
```
#2bb3f5
```
#2bb3f5 rgb(43,179,245)
```
#2ba2f5
```
#2ba2f5 rgb(43,162,245)
```
#2b91f5
```
#2b91f5 rgb(43,145,245)
```
#2b81f5
```
#2b81f5 rgb(43,129,245)
```

Similar Colors

Text with hexadecimal color #2bb3f5

This text has a font color of #2bb3f5.

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

#2bb3f5 background color

This paragraph has a background color of #2bb3f5.

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

#2bb3f5 border color

This element has a border color of #2bb3f5.

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

CSS codes

.text {color:#2bb3f5;}

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

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

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

#01090d
```
#01090d rgb(1,9,13)
```
#011620
```
#011620 rgb(1,22,32)
```
#022332
```
#022332 rgb(2,35,50)
```
#033045
```
#033045 rgb(3,48,69)
```
#043c58
```
#043c58 rgb(4,60,88)
```
#05496a
```
#05496a rgb(5,73,106)
```
#06567d
```
#06567d rgb(6,86,125)
```
#076390
```
#076390 rgb(7,99,144)
```
#0870a3
```
#0870a3 rgb(8,112,163)
```
#097db5
```
#097db5 rgb(9,125,181)
```
#098ac8
```
#098ac8 rgb(9,138,200)
```
#0a97db
```
#0a97db rgb(10,151,219)
```
#0ba4ee
```
#0ba4ee rgb(11,164,238)
```

Shade Color Variation

#18acf4
```
#18acf4 rgb(24,172,244)
```
#2bb3f5
```
#2bb3f5 rgb(43,179,245)
```
#3ebaf6
```
#3ebaf6 rgb(62,186,246)
```
#50c0f7
```
#50c0f7 rgb(80,192,247)
```
#63c7f8
```
#63c7f8 rgb(99,199,248)
```
#76cef9
```
#76cef9 rgb(118,206,249)
```
#89d5f9
```
#89d5f9 rgb(137,213,249)
```
#9bdbfa
```
#9bdbfa rgb(155,219,250)
```
#aee2fb
```
#aee2fb rgb(174,226,251)
```
#c1e9fc
```
#c1e9fc rgb(193,233,252)
```
#d4effd
```
#d4effd rgb(212,239,253)
```
#e6f6fe
```
#e6f6fe rgb(230,246,254)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#899297
```
#899297 rgb(137,146,151)
```
#8095a0
```
#8095a0 rgb(128,149,160)
```
#7898a8
```
#7898a8 rgb(120,152,168)
```
#6f9bb1
```
#6f9bb1 rgb(111,155,177)
```
#679eb9
```
#679eb9 rgb(103,158,185)
```
#5ea1c2
```
#5ea1c2 rgb(94,161,194)
```
#56a4ca
```
#56a4ca rgb(86,164,202)
```
#4da7d3
```
#4da7d3 rgb(77,167,211)
```
#45aadb
```
#45aadb rgb(69,170,219)
```
#3cade4
```
#3cade4 rgb(60,173,228)
```
#34b0ec
```
#34b0ec rgb(52,176,236)
```
#2bb3f5
```
#2bb3f5 rgb(43,179,245)
```
#22b6fe
```
#22b6fe rgb(34,182,254)
```

Tone Color Variation

Below, you can see how #2bb3f5 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
#7d99a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96aaec Protanopia 1% of men
#86acf9 Deuteranopia 1% of men
#00bdca Tritanopia 0.001% of the population

Trichromacy

#6fadef Protanomaly 1% of men, 0.01% of women
#65aef8 Deuteranomaly 6% of men, 0.4% of women
#0fb9da Tritanomaly 0.01% of the population

#2bb3f5 hex color

#2bb3f5 Color Information

#2bb3f5 Color Conversion

Color Schemes with #2bb3f5

Alternatives to #2bb3f5

#2bb3f5 Preview

Shades and Tints of #2bb3f5

Tones of #2bb3f5

Color Blindness Simulator