#2bb6df hex color

In a RGB color space, hex #2bb6df is composed of 16.9% red, 71.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 18.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 193.7 degrees, a saturation of 73.8% and a lightness of 52.2%. #2bb6df color hex could be obtained by blending #56ffff with #006dbf. Closest websafe color is: #33cccc.

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

● #2bb6df color description : Bright cyan.

The hexadecimal color #2bb6df has RGB values of R:43, G:182, B:223 and CMYK values of C:0.81, M:0.18, Y:0, K:0.13. Its decimal value is 2864863.

Hex triplet	2bb6df	`#2bb6df`
RGB Decimal	43, 182, 223	`rgb(43,182,223)`
RGB Percent	16.9, 71.4, 87.5	`rgb(16.9%,71.4%,87.5%)`
CMYK	81, 18, 0, 13
HSL	193.7°, 73.8, 52.2	`hsl(193.7,73.8%,52.2%)`
HSV (or HSB)	193.7°, 80.7, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.964, -21.902, -30.732
XYZ	31.04, 39.294, 75.757
xyY	0.212, 0.269, 39.294
CIE-LCH	68.964, 37.738, 234.523
CIE-LUV	68.964, -46.062, -45.868
Hunter-Lab	62.685, -21.311, -27.774
Binary	00101011, 10110110, 11011111

#2bb6df
```
#2bb6df rgb(43,182,223)
```
#df542b
```
#df542b rgb(223,84,43)
```

Complementary Color

#2bdfae
```
#2bdfae rgb(43,223,174)
```
#2bb6df
```
#2bb6df rgb(43,182,223)
```
#2b5cdf
```
#2b5cdf rgb(43,92,223)
```

Analogous Color

#dfae2b
```
#dfae2b rgb(223,174,43)
```
#2bb6df
```
#2bb6df rgb(43,182,223)
```
#df2b5c
```
#df2b5c rgb(223,43,92)
```

Split Complementary Color

#b6df2b
```
#b6df2b rgb(182,223,43)
```
#2bb6df
```
#2bb6df rgb(43,182,223)
```
#df2bb6
```
#df2bb6 rgb(223,43,182)
```

Triadic Color

#2bdf54
```
#2bdf54 rgb(43,223,84)
```
#2bb6df
```
#2bb6df rgb(43,182,223)
```
#df2bb6
```
#df2bb6 rgb(223,43,182)
```
#df542b
```
#df542b rgb(223,84,43)
```

Tetradic Color

#1985a5
```
#1985a5 rgb(25,133,165)
```
#1c97bb
```
#1c97bb rgb(28,151,187)
```
#20a9d1
```
#20a9d1 rgb(32,169,209)
```
#2bb6df
```
#2bb6df rgb(43,182,223)
```
#41bee2
```
#41bee2 rgb(65,190,226)
```
#57c5e6
```
#57c5e6 rgb(87,197,230)
```
#6dcde9
```
#6dcde9 rgb(109,205,233)
```

Monochromatic Color

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

#2bdfdb
```
#2bdfdb rgb(43,223,219)
```
#2bd4df
```
#2bd4df rgb(43,212,223)
```
#2bc5df
```
#2bc5df rgb(43,197,223)
```
#2bb6df
```
#2bb6df rgb(43,182,223)
```
#2ba7df
```
#2ba7df rgb(43,167,223)
```
#2b98df
```
#2b98df rgb(43,152,223)
```
#2b89df
```
#2b89df rgb(43,137,223)
```

Similar Colors

Text with hexadecimal color #2bb6df

This text has a font color of #2bb6df.

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

#2bb6df background color

This paragraph has a background color of #2bb6df.

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

#2bb6df border color

This element has a border color of #2bb6df.

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

CSS codes

.text {color:#2bb6df;}

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

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

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

#01080a
```
#01080a rgb(1,8,10)
```
#04151b
```
#04151b rgb(4,21,27)
```
#07232c
```
#07232c rgb(7,35,44)
```
#09313d
```
#09313d rgb(9,49,61)
```
#0c3f4e
```
#0c3f4e rgb(12,63,78)
```
#0e4c5f
```
#0e4c5f rgb(14,76,95)
```
#115a70
```
#115a70 rgb(17,90,112)
```
#136881
```
#136881 rgb(19,104,129)
```
#167692
```
#167692 rgb(22,118,146)
```
#1983a3
```
#1983a3 rgb(25,131,163)
```
#1b91b4
```
#1b91b4 rgb(27,145,180)
```
#1e9fc5
```
#1e9fc5 rgb(30,159,197)
```
#20add6
```
#20add6 rgb(32,173,214)
```

Shade Color Variation

#2bb6df
```
#2bb6df rgb(43,182,223)
```
#3cbce2
```
#3cbce2 rgb(60,188,226)
```
#4dc2e4
```
#4dc2e4 rgb(77,194,228)
```
#5ec8e7
```
#5ec8e7 rgb(94,200,231)
```
#6fcde9
```
#6fcde9 rgb(111,205,233)
```
#80d3ec
```
#80d3ec rgb(128,211,236)
```
#91d9ee
```
#91d9ee rgb(145,217,238)
```
#a2dff1
```
#a2dff1 rgb(162,223,241)
```
#b3e5f4
```
#b3e5f4 rgb(179,229,244)
```
#c4ebf6
```
#c4ebf6 rgb(196,235,246)
```
#d5f1f9
```
#d5f1f9 rgb(213,241,249)
```
#e6f7fb
```
#e6f7fb rgb(230,247,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#7f888b
```
#7f888b rgb(127,136,139)
```
#768d94
```
#768d94 rgb(118,141,148)
```
#6d929d
```
#6d929d rgb(109,146,157)
```
#6397a7
```
#6397a7 rgb(99,151,167)
```
#5a9cb0
```
#5a9cb0 rgb(90,156,176)
```
#51a2b9
```
#51a2b9 rgb(81,162,185)
```
#47a7c3
```
#47a7c3 rgb(71,167,195)
```
#3eaccc
```
#3eaccc rgb(62,172,204)
```
#34b1d6
```
#34b1d6 rgb(52,177,214)
```
#2bb6df
```
#2bb6df rgb(43,182,223)
```
#22bbe8
```
#22bbe8 rgb(34,187,232)
```
#18c0f2
```
#18c0f2 rgb(24,192,242)
```
#0fc5fb
```
#0fc5fb rgb(15,197,251)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7d98a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1abd6 Protanopia 1% of men
#99aae6 Deuteranopia 1% of men
#00bdcb Tritanopia 0.001% of the population

Trichromacy

#76afd9 Protanomaly 1% of men, 0.01% of women
#71aee3 Deuteranomaly 6% of men, 0.4% of women
#0fbad2 Tritanomaly 0.01% of the population

#2bb6df hex color

#2bb6df Color Information

#2bb6df Color Conversion

Color Schemes with #2bb6df

Alternatives to #2bb6df

#2bb6df Preview

Shades and Tints of #2bb6df

Tones of #2bb6df

Color Blindness Simulator