#2bbcf2 hex color

In a RGB color space, hex #2bbcf2 is composed of 16.9% red, 73.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 22.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 196.3 degrees, a saturation of 88.4% and a lightness of 55.9%. #2bbcf2 color hex could be obtained by blending #56ffff with #0079e5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 74
- B 95
RGB color chart
- C 82
- M 22
- Y 0
- K 5
CMYK color chart

● #2bbcf2 color description : Bright blue.

The hexadecimal color #2bbcf2 has RGB values of R:43, G:188, B:242 and CMYK values of C:0.82, M:0.22, Y:0, K:0.05. Its decimal value is 2866418.

Hex triplet	2bbcf2	`#2bbcf2`
RGB Decimal	43, 188, 242	`rgb(43,188,242)`
RGB Percent	16.9, 73.7, 94.9	`rgb(16.9%,73.7%,94.9%)`
CMYK	82, 22, 0, 5
HSL	196.3°, 88.4, 55.9	`hsl(196.3,88.4%,55.9%)`
HSV (or HSB)	196.3°, 82.2, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.479, -18.673, -37.172
XYZ	35.002, 42.888, 90.433
xyY	0.208, 0.255, 42.888
CIE-LCH	71.479, 41.599, 243.328
CIE-LUV	71.479, -46.835, -57.489
Hunter-Lab	65.489, -19.201, -36.031
Binary	00101011, 10111100, 11110010

#2bbcf2
```
#2bbcf2 rgb(43,188,242)
```
#f2612b
```
#f2612b rgb(242,97,43)
```

Complementary Color

#2bf2c5
```
#2bf2c5 rgb(43,242,197)
```
#2bbcf2
```
#2bbcf2 rgb(43,188,242)
```
#2b59f2
```
#2b59f2 rgb(43,89,242)
```

Analogous Color

#f2c52b
```
#f2c52b rgb(242,197,43)
```
#2bbcf2
```
#2bbcf2 rgb(43,188,242)
```
#f22b58
```
#f22b58 rgb(242,43,88)
```

Split Complementary Color

#bcf22b
```
#bcf22b rgb(188,242,43)
```
#2bbcf2
```
#2bbcf2 rgb(43,188,242)
```
#f22bbc
```
#f22bbc rgb(242,43,188)
```

Triadic Color

#2bf261
```
#2bf261 rgb(43,242,97)
```
#2bbcf2
```
#2bbcf2 rgb(43,188,242)
```
#f22bbc
```
#f22bbc rgb(242,43,188)
```
#f2612b
```
#f2612b rgb(242,97,43)
```

Tetradic Color

#0c92c4
```
#0c92c4 rgb(12,146,196)
```
#0ea4dc
```
#0ea4dc rgb(14,164,220)
```
#13b4f1
```
#13b4f1 rgb(19,180,241)
```
#2bbcf2
```
#2bbcf2 rgb(43,188,242)
```
#43c4f3
```
#43c4f3 rgb(67,196,243)
```
#5bcbf5
```
#5bcbf5 rgb(91,203,245)
```
#73d3f6
```
#73d3f6 rgb(115,211,246)
```

Monochromatic Color

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

#2beef2
```
#2beef2 rgb(43,238,242)
```
#2bddf2
```
#2bddf2 rgb(43,221,242)
```
#2bcdf2
```
#2bcdf2 rgb(43,205,242)
```
#2bbcf2
```
#2bbcf2 rgb(43,188,242)
```
#2babf2
```
#2babf2 rgb(43,171,242)
```
#2b9bf2
```
#2b9bf2 rgb(43,155,242)
```
#2b8af2
```
#2b8af2 rgb(43,138,242)
```

Similar Colors

Text with hexadecimal color #2bbcf2

This text has a font color of #2bbcf2.

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

#2bbcf2 background color

This paragraph has a background color of #2bbcf2.

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

#2bbcf2 border color

This element has a border color of #2bbcf2.

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

CSS codes

.text {color:#2bbcf2;}

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

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

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, #01070a is the darkest color, while #f6fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#02151c
```
#02151c rgb(2,21,28)
```
#03232f
```
#03232f rgb(3,35,47)
```
#043141
```
#043141 rgb(4,49,65)
```
#053e54
```
#053e54 rgb(5,62,84)
```
#064c66
```
#064c66 rgb(6,76,102)
```
#075a79
```
#075a79 rgb(7,90,121)
```
#09688b
```
#09688b rgb(9,104,139)
```
#0a759e
```
#0a759e rgb(10,117,158)
```
#0b83b0
```
#0b83b0 rgb(11,131,176)
```
#0c91c3
```
#0c91c3 rgb(12,145,195)
```
#0d9fd5
```
#0d9fd5 rgb(13,159,213)
```
#0eade8
```
#0eade8 rgb(14,173,232)
```

Shade Color Variation

#19b6f1
```
#19b6f1 rgb(25,182,241)
```
#2bbcf2
```
#2bbcf2 rgb(43,188,242)
```
#3dc2f3
```
#3dc2f3 rgb(61,194,243)
```
#50c8f4
```
#50c8f4 rgb(80,200,244)
```
#62cef5
```
#62cef5 rgb(98,206,245)
```
#75d3f7
```
#75d3f7 rgb(117,211,247)
```
#87d9f8
```
#87d9f8 rgb(135,217,248)
```
#9adff9
```
#9adff9 rgb(154,223,249)
```
#ace5fa
```
#ace5fa rgb(172,229,250)
```
#bfebfb
```
#bfebfb rgb(191,235,251)
```
#d1f1fc
```
#d1f1fc rgb(209,241,252)
```
#e4f6fd
```
#e4f6fd rgb(228,246,253)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

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

#8a9093
```
#8a9093 rgb(138,144,147)
```
#82949b
```
#82949b rgb(130,148,155)
```
#7998a4
```
#7998a4 rgb(121,152,164)
```
#709cad
```
#709cad rgb(112,156,173)
```
#68a0b5
```
#68a0b5 rgb(104,160,181)
```
#5fa4be
```
#5fa4be rgb(95,164,190)
```
#56a8c7
```
#56a8c7 rgb(86,168,199)
```
#4eaccf
```
#4eaccf rgb(78,172,207)
```
#45b0d8
```
#45b0d8 rgb(69,176,216)
```
#3cb4e1
```
#3cb4e1 rgb(60,180,225)
```
#34b8e9
```
#34b8e9 rgb(52,184,233)
```
#2bbcf2
```
#2bbcf2 rgb(43,188,242)
```
#22c0fb
```
#22c0fb rgb(34,192,251)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#819ea9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b1e8 Protanopia 1% of men
#96b1f8 Deuteranopia 1% of men
#00c4d2 Tritanopia 0.001% of the population

Trichromacy

#77b5ec Protanomaly 1% of men, 0.01% of women
#6fb5f5 Deuteranomaly 6% of men, 0.4% of women
#0fc1de Tritanomaly 0.01% of the population

#2bbcf2 hex color

#2bbcf2 Color Information

#2bbcf2 Color Conversion

Color Schemes with #2bbcf2

Alternatives to #2bbcf2

#2bbcf2 Preview

Shades and Tints of #2bbcf2

Tones of #2bbcf2

Color Blindness Simulator