#2cbbbf hex color

In a RGB color space, hex #2cbbbf is composed of 17.3% red, 73.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 2.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 181.6 degrees, a saturation of 62.6% and a lightness of 46.1%. #2cbbbf color hex could be obtained by blending #58ffff with #00777f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 73
- B 75
RGB color chart
- C 77
- M 2
- Y 0
- K 25
CMYK color chart

● #2cbbbf color description : Strong cyan.

The hexadecimal color #2cbbbf has RGB values of R:44, G:187, B:191 and CMYK values of C:0.77, M:0.02, Y:0, K:0.25. Its decimal value is 2931647.

Hex triplet	2cbbbf	`#2cbbbf`
RGB Decimal	44, 187, 191	`rgb(44,187,191)`
RGB Percent	17.3, 73.3, 74.9	`rgb(17.3%,73.3%,74.9%)`
CMYK	77, 2, 0, 25
HSL	181.6°, 62.6, 46.1	`hsl(181.6,62.6%,46.1%)`
HSV (or HSB)	181.6°, 77, 74.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.352, -34.373, -12.594
XYZ	28.21, 39.835, 55.489
xyY	0.228, 0.322, 39.835
CIE-LCH	69.352, 36.608, 200.122
CIE-LUV	69.352, -49.948, -14.229
Hunter-Lab	63.115, -30.668, -7.946
Binary	00101100, 10111011, 10111111

#2cbbbf
```
#2cbbbf rgb(44,187,191)
```
#bf302c
```
#bf302c rgb(191,48,44)
```

Complementary Color

#2cbf7a
```
#2cbf7a rgb(44,191,122)
```
#2cbbbf
```
#2cbbbf rgb(44,187,191)
```
#2c72bf
```
#2c72bf rgb(44,114,191)
```

Analogous Color

#bf7a2c
```
#bf7a2c rgb(191,122,44)
```
#2cbbbf
```
#2cbbbf rgb(44,187,191)
```
#bf2c72
```
#bf2c72 rgb(191,44,114)
```

Split Complementary Color

#bbbf2c
```
#bbbf2c rgb(187,191,44)
```
#2cbbbf
```
#2cbbbf rgb(44,187,191)
```
#bf2cbb
```
#bf2cbb rgb(191,44,187)
```

Triadic Color

#2cbf30
```
#2cbf30 rgb(44,191,48)
```
#2cbbbf
```
#2cbbbf rgb(44,187,191)
```
#bf2cbb
```
#bf2cbb rgb(191,44,187)
```
#bf302c
```
#bf302c rgb(191,48,44)
```

Tetradic Color

#1e7e81
```
#1e7e81 rgb(30,126,129)
```
#229296
```
#229296 rgb(34,146,150)
```
#27a7aa
```
#27a7aa rgb(39,167,170)
```
#2cbbbf
```
#2cbbbf rgb(44,187,191)
```
#34ccd0
```
#34ccd0 rgb(52,204,208)
```
#49d1d5
```
#49d1d5 rgb(73,209,213)
```
#5ed6da
```
#5ed6da rgb(94,214,218)
```

Monochromatic Color

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

#2cbf9e
```
#2cbf9e rgb(44,191,158)
```
#2cbfab
```
#2cbfab rgb(44,191,171)
```
#2cbfb7
```
#2cbfb7 rgb(44,191,183)
```
#2cbbbf
```
#2cbbbf rgb(44,187,191)
```
#2cafbf
```
#2cafbf rgb(44,175,191)
```
#2ca3bf
```
#2ca3bf rgb(44,163,191)
```
#2c96bf
```
#2c96bf rgb(44,150,191)
```

Similar Colors

Text with hexadecimal color #2cbbbf

This text has a font color of #2cbbbf.

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

#2cbbbf background color

This paragraph has a background color of #2cbbbf.

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

#2cbbbf border color

This element has a border color of #2cbbbf.

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

CSS codes

.text {color:#2cbbbf;}

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

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

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, #040f10 is the darkest color, while #ffffff is the lightest one.

#040f10
```
#040f10 rgb(4,15,16)
```
#071f20
```
#071f20 rgb(7,31,32)
```
#0b2f30
```
#0b2f30 rgb(11,47,48)
```
#0f3e3f
```
#0f3e3f rgb(15,62,63)
```
#124e4f
```
#124e4f rgb(18,78,79)
```
#165d5f
```
#165d5f rgb(22,93,95)
```
#1a6d6f
```
#1a6d6f rgb(26,109,111)
```
#1d7d7f
```
#1d7d7f rgb(29,125,127)
```
#218c8f
```
#218c8f rgb(33,140,143)
```
#259c9f
```
#259c9f rgb(37,156,159)
```
#28abaf
```
#28abaf rgb(40,171,175)
```
#2cbbbf
```
#2cbbbf rgb(44,187,191)
```
#30cbcf
```
#30cbcf rgb(48,203,207)
```

Shade Color Variation

#3fcfd3
```
#3fcfd3 rgb(63,207,211)
```
#4fd3d7
```
#4fd3d7 rgb(79,211,215)
```
#5fd7da
```
#5fd7da rgb(95,215,218)
```
#6fdbde
```
#6fdbde rgb(111,219,222)
```
#7fdfe2
```
#7fdfe2 rgb(127,223,226)
```
#8fe3e5
```
#8fe3e5 rgb(143,227,229)
```
#9fe7e9
```
#9fe7e9 rgb(159,231,233)
```
#afebed
```
#afebed rgb(175,235,237)
```
#bfeff0
```
#bfeff0 rgb(191,239,240)
```
#cff3f4
```
#cff3f4 rgb(207,243,244)
```
#dff7f8
```
#dff7f8 rgb(223,247,248)
```
#effbfb
```
#effbfb rgb(239,251,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#747777
```
#747777 rgb(116,119,119)
```
#6b7f80
```
#6b7f80 rgb(107,127,128)
```
#628889
```
#628889 rgb(98,136,137)
```
#599092
```
#599092 rgb(89,144,146)
```
#50999b
```
#50999b rgb(80,153,155)
```
#47a1a4
```
#47a1a4 rgb(71,161,164)
```
#3eaaad
```
#3eaaad rgb(62,170,173)
```
#35b2b6
```
#35b2b6 rgb(53,178,182)
```
#2cbbbf
```
#2cbbbf rgb(44,187,191)
```
#23c4c8
```
#23c4c8 rgb(35,196,200)
```
#1accd1
```
#1accd1 rgb(26,204,209)
```
#11d5da
```
#11d5da rgb(17,213,218)
```
#08dde3
```
#08dde3 rgb(8,221,227)
```

Tone Color Variation

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

Dichromacy

#adacb8 Protanopia 1% of men
#afaac9 Deuteranopia 1% of men
#3fbdca Tritanopia 0.001% of the population

Trichromacy

#7eb1ba Protanomaly 1% of men, 0.01% of women
#7fb0c5 Deuteranomaly 6% of men, 0.4% of women
#38bcc6 Tritanomaly 0.01% of the population

#2cbbbf hex color

#2cbbbf Color Information

#2cbbbf Color Conversion

Color Schemes with #2cbbbf

Alternatives to #2cbbbf

#2cbbbf Preview

Shades and Tints of #2cbbbf

Tones of #2cbbbf

Color Blindness Simulator