#2bccbd hex color

In a RGB color space, hex #2bccbd is composed of 16.9% red, 80% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 0% magenta, 7.4% yellow and 20% black. It has a hue angle of 174.4 degrees, a saturation of 65.2% and a lightness of 48.4%. #2bccbd color hex could be obtained by blending #56ffff with #00997b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 80
- B 74
RGB color chart
- C 79
- M 0
- Y 7
- K 20
CMYK color chart

● #2bccbd color description : Strong cyan.

The hexadecimal color #2bccbd has RGB values of R:43, G:204, B:189 and CMYK values of C:0.79, M:0, Y:0.07, K:0.2. Its decimal value is 2870461.

Hex triplet	2bccbd	`#2bccbd`
RGB Decimal	43, 204, 189	`rgb(43,204,189)`
RGB Percent	16.9, 80, 74.1	`rgb(16.9%,80%,74.1%)`
CMYK	79, 0, 7, 20
HSL	174.4°, 65.2, 48.4	`hsl(174.4,65.2%,48.4%)`
HSV (or HSB)	174.4°, 78.9, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.426, -42.762, -3.961
XYZ	31.771, 47.37, 55.61
xyY	0.236, 0.352, 47.37
CIE-LCH	74.426, 42.945, 185.292
CIE-LUV	74.426, -56.171, 0.576
Hunter-Lab	68.826, -38.047, 0.273
Binary	00101011, 11001100, 10111101

#2bccbd
```
#2bccbd rgb(43,204,189)
```
#cc2b3a
```
#cc2b3a rgb(204,43,58)
```

Complementary Color

#2bcc6d
```
#2bcc6d rgb(43,204,109)
```
#2bccbd
```
#2bccbd rgb(43,204,189)
```
#2b8bcc
```
#2b8bcc rgb(43,139,204)
```

Analogous Color

#cc6d2b
```
#cc6d2b rgb(204,109,43)
```
#2bccbd
```
#2bccbd rgb(43,204,189)
```
#cc2b8b
```
#cc2b8b rgb(204,43,139)
```

Split Complementary Color

#ccbd2b
```
#ccbd2b rgb(204,189,43)
```
#2bccbd
```
#2bccbd rgb(43,204,189)
```
#bd2bcc
```
#bd2bcc rgb(189,43,204)
```

Triadic Color

#3acc2b
```
#3acc2b rgb(58,204,43)
```
#2bccbd
```
#2bccbd rgb(43,204,189)
```
#bd2bcc
```
#bd2bcc rgb(189,43,204)
```
#cc2b3a
```
#cc2b3a rgb(204,43,58)
```

Tetradic Color

#1e8d82
```
#1e8d82 rgb(30,141,130)
```
#22a296
```
#22a296 rgb(34,162,150)
```
#27b7a9
```
#27b7a9 rgb(39,183,169)
```
#2bccbd
```
#2bccbd rgb(43,204,189)
```
#3bd6c7
```
#3bd6c7 rgb(59,214,199)
```
#50dacd
```
#50dacd rgb(80,218,205)
```
#65dfd3
```
#65dfd3 rgb(101,223,211)
```

Monochromatic Color

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

#2bcc95
```
#2bcc95 rgb(43,204,149)
```
#2bcca2
```
#2bcca2 rgb(43,204,162)
```
#2bccb0
```
#2bccb0 rgb(43,204,176)
```
#2bccbd
```
#2bccbd rgb(43,204,189)
```
#2bccca
```
#2bccca rgb(43,204,202)
```
#2bc0cc
```
#2bc0cc rgb(43,192,204)
```
#2bb3cc
```
#2bb3cc rgb(43,179,204)
```

Similar Colors

Text with hexadecimal color #2bccbd

This text has a font color of #2bccbd.

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

#2bccbd background color

This paragraph has a background color of #2bccbd.

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

#2bccbd border color

This element has a border color of #2bccbd.

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

CSS codes

.text {color:#2bccbd;}

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

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

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, #020a09 is the darkest color, while #f8fefd is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#051a18
```
#051a18 rgb(5,26,24)
```
#092a27
```
#092a27 rgb(9,42,39)
```
#0c3a36
```
#0c3a36 rgb(12,58,54)
```
#104a45
```
#104a45 rgb(16,74,69)
```
#135b54
```
#135b54 rgb(19,91,84)
```
#176b63
```
#176b63 rgb(23,107,99)
```
#1a7b72
```
#1a7b72 rgb(26,123,114)
```
#1d8b81
```
#1d8b81 rgb(29,139,129)
```
#219b90
```
#219b90 rgb(33,155,144)
```
#24ac9f
```
#24ac9f rgb(36,172,159)
```
#28bcae
```
#28bcae rgb(40,188,174)
```
#2bccbd
```
#2bccbd rgb(43,204,189)
```

Shade Color Variation

#36d5c6
```
#36d5c6 rgb(54,213,198)
```
#46d8ca
```
#46d8ca rgb(70,216,202)
```
#56dbcf
```
#56dbcf rgb(86,219,207)
```
#67dfd4
```
#67dfd4 rgb(103,223,212)
```
#77e2d8
```
#77e2d8 rgb(119,226,216)
```
#87e6dd
```
#87e6dd rgb(135,230,221)
```
#97e9e1
```
#97e9e1 rgb(151,233,225)
```
#a7ede6
```
#a7ede6 rgb(167,237,230)
```
#b8f0eb
```
#b8f0eb rgb(184,240,235)
```
#c8f3ef
```
#c8f3ef rgb(200,243,239)
```
#d8f7f4
```
#d8f7f4 rgb(216,247,244)
```
#e8faf9
```
#e8faf9 rgb(232,250,249)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77807f is the less saturated color, while #05f2dc is the most saturated one.

#77807f
```
#77807f rgb(119,128,127)
```
#6e8a87
```
#6e8a87 rgb(110,138,135)
```
#64938f
```
#64938f rgb(100,147,143)
```
#5b9d96
```
#5b9d96 rgb(91,157,150)
```
#51a69e
```
#51a69e rgb(81,166,158)
```
#48b0a6
```
#48b0a6 rgb(72,176,166)
```
#3eb9ae
```
#3eb9ae rgb(62,185,174)
```
#35c3b5
```
#35c3b5 rgb(53,195,181)
```
#2bccbd
```
#2bccbd rgb(43,204,189)
```
#22d6c5
```
#22d6c5 rgb(34,214,197)
```
#18dfcc
```
#18dfcc rgb(24,223,204)
```
#0fe9d4
```
#0fe9d4 rgb(15,233,212)
```
#05f2dc
```
#05f2dc rgb(5,242,220)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#84a4a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb9b5 Protanopia 1% of men
#c5b5c9 Deuteranopia 1% of men
#4ccad9 Tritanopia 0.001% of the population

Trichromacy

#89c0b8 Protanomaly 1% of men, 0.01% of women
#8dbdc4 Deuteranomaly 6% of men, 0.4% of women
#40cbcf Tritanomaly 0.01% of the population

#2bccbd hex color

#2bccbd Color Information

#2bccbd Color Conversion

Color Schemes with #2bccbd

Alternatives to #2bccbd

#2bccbd Preview

Shades and Tints of #2bccbd

Tones of #2bccbd

Color Blindness Simulator