#2bccd6 hex color

In a RGB color space, hex #2bccd6 is composed of 16.9% red, 80% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 4.7% magenta, 0% yellow and 16.1% black. It has a hue angle of 183.5 degrees, a saturation of 67.6% and a lightness of 50.4%. #2bccd6 color hex could be obtained by blending #56ffff with #0099ad. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 80
- B 84
RGB color chart
- C 80
- M 5
- Y 0
- K 16
CMYK color chart

● #2bccd6 color description : Strong cyan.

The hexadecimal color #2bccd6 has RGB values of R:43, G:204, B:214 and CMYK values of C:0.8, M:0.05, Y:0, K:0.16. Its decimal value is 2870486.

Hex triplet	2bccd6	`#2bccd6`
RGB Decimal	43, 204, 214	`rgb(43,204,214)`
RGB Percent	16.9, 80, 83.9	`rgb(16.9%,80%,83.9%)`
CMYK	80, 5, 0, 16
HSL	183.5°, 67.6, 50.4	`hsl(183.5,67.6%,50.4%)`
HSV (or HSB)	183.5°, 79.9, 83.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.171, -35.544, -16.367
XYZ	34.723, 48.551, 71.156
xyY	0.225, 0.314, 48.551
CIE-LCH	75.171, 39.132, 204.725
CIE-LUV	75.171, -54.332, -20.367
Hunter-Lab	69.679, -32.985, -11.772
Binary	00101011, 11001100, 11010110

#2bccd6
```
#2bccd6 rgb(43,204,214)
```
#d6352b
```
#d6352b rgb(214,53,43)
```

Complementary Color

#2bd68b
```
#2bd68b rgb(43,214,139)
```
#2bccd6
```
#2bccd6 rgb(43,204,214)
```
#2b77d6
```
#2b77d6 rgb(43,119,214)
```

Analogous Color

#d68b2b
```
#d68b2b rgb(214,139,43)
```
#2bccd6
```
#2bccd6 rgb(43,204,214)
```
#d62b77
```
#d62b77 rgb(214,43,119)
```

Split Complementary Color

#ccd62b
```
#ccd62b rgb(204,214,43)
```
#2bccd6
```
#2bccd6 rgb(43,204,214)
```
#d62bcc
```
#d62bcc rgb(214,43,204)
```

Triadic Color

#2bd635
```
#2bd635 rgb(43,214,53)
```
#2bccd6
```
#2bccd6 rgb(43,204,214)
```
#d62bcc
```
#d62bcc rgb(214,43,204)
```
#d6352b
```
#d6352b rgb(214,53,43)
```

Tetradic Color

#1d9097
```
#1d9097 rgb(29,144,151)
```
#21a4ad
```
#21a4ad rgb(33,164,173)
```
#26b9c2
```
#26b9c2 rgb(38,185,194)
```
#2bccd6
```
#2bccd6 rgb(43,204,214)
```
#40d1da
```
#40d1da rgb(64,209,218)
```
#56d6de
```
#56d6de rgb(86,214,222)
```
#6bdbe2
```
#6bdbe2 rgb(107,219,226)
```

Monochromatic Color

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

#2bd6b5
```
#2bd6b5 rgb(43,214,181)
```
#2bd6c4
```
#2bd6c4 rgb(43,214,196)
```
#2bd6d2
```
#2bd6d2 rgb(43,214,210)
```
#2bccd6
```
#2bccd6 rgb(43,204,214)
```
#2bbed6
```
#2bbed6 rgb(43,190,214)
```
#2bb0d6
```
#2bb0d6 rgb(43,176,214)
```
#2ba1d6
```
#2ba1d6 rgb(43,161,214)
```

Similar Colors

Text with hexadecimal color #2bccd6

This text has a font color of #2bccd6.

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

#2bccd6 background color

This paragraph has a background color of #2bccd6.

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

#2bccd6 border color

This element has a border color of #2bccd6.

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

CSS codes

.text {color:#2bccd6;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041112
```
#041112 rgb(4,17,18)
```
#072123
```
#072123 rgb(7,33,35)
```
#0a3133
```
#0a3133 rgb(10,49,51)
```
#0d4043
```
#0d4043 rgb(13,64,67)
```
#105054
```
#105054 rgb(16,80,84)
```
#136064
```
#136064 rgb(19,96,100)
```
#176f75
```
#176f75 rgb(23,111,117)
```
#1a7f85
```
#1a7f85 rgb(26,127,133)
```
#1d8f96
```
#1d8f96 rgb(29,143,150)
```
#209ea6
```
#209ea6 rgb(32,158,166)
```
#23aeb6
```
#23aeb6 rgb(35,174,182)
```
#26bec7
```
#26bec7 rgb(38,190,199)
```

Shade Color Variation

#2bccd6
```
#2bccd6 rgb(43,204,214)
```
#3bd0d9
```
#3bd0d9 rgb(59,208,217)
```
#4cd4dc
```
#4cd4dc rgb(76,212,220)
```
#5cd8e0
```
#5cd8e0 rgb(92,216,224)
```
#6ddce3
```
#6ddce3 rgb(109,220,227)
```
#7de0e6
```
#7de0e6 rgb(125,224,230)
```
#8ee4e9
```
#8ee4e9 rgb(142,228,233)
```
#9ee8ec
```
#9ee8ec rgb(158,232,236)
```
#aeecef
```
#aeecef rgb(174,236,239)
```
#bff0f3
```
#bff0f3 rgb(191,240,243)
```
#cff4f6
```
#cff4f6 rgb(207,244,246)
```
#e0f7f9
```
#e0f7f9 rgb(224,247,249)
```
#f0fbfc
```
#f0fbfc rgb(240,251,252)
```

Tint Color Variation

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

#798788
```
#798788 rgb(121,135,136)
```
#6f9092
```
#6f9092 rgb(111,144,146)
```
#65989c
```
#65989c rgb(101,152,156)
```
#5ca1a5
```
#5ca1a5 rgb(92,161,165)
```
#52aaaf
```
#52aaaf rgb(82,170,175)
```
#48b2b9
```
#48b2b9 rgb(72,178,185)
```
#3ebbc3
```
#3ebbc3 rgb(62,187,195)
```
#35c3cc
```
#35c3cc rgb(53,195,204)
```
#2bccd6
```
#2bccd6 rgb(43,204,214)
```
#21d5e0
```
#21d5e0 rgb(33,213,224)
```
#18dde9
```
#18dde9 rgb(24,221,233)
```
#0ee6f3
```
#0ee6f3 rgb(14,230,243)
```
#04eefd
```
#04eefd rgb(4,238,253)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#86a6a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#babbcc Protanopia 1% of men
#bbb8e0 Deuteranopia 1% of men
#3bcddc Tritanopia 0.001% of the population

Trichromacy

#86c1d0 Protanomaly 1% of men, 0.01% of women
#86bfdc Deuteranomaly 6% of men, 0.4% of women
#35cdda Tritanomaly 0.01% of the population

#2bccd6 hex color

#2bccd6 Color Information

#2bccd6 Color Conversion

Color Schemes with #2bccd6

Alternatives to #2bccd6

#2bccd6 Preview

Shades and Tints of #2bccd6

Tones of #2bccd6

Color Blindness Simulator