colorhexa.com

#2bd7b4 hex color

In a RGB color space, hex #2bd7b4 is composed of 16.9% red, 84.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 16.3% yellow and 15.7% black. It has a hue angle of 167.8 degrees, a saturation of 68.3% and a lightness of 50.6%. #2bd7b4 color hex could be obtained by blending #56ffff with #00af69. Closest websafe color is: #33cccc.

- R 17
- G 84
- B 71
RGB color chart
- C 80
- M 0
- Y 16
- K 16
CMYK color chart

● #2bd7b4 color description : Strong cyan.

The hexadecimal color #2bd7b4 has RGB values of R:43, G:215, B:180 and CMYK values of C:0.8, M:0, Y:0.16, K:0.16. Its decimal value is 2873268.

Hex triplet	2bd7b4	`#2bd7b4`
RGB Decimal	43, 215, 180	`rgb(43,215,180)`
RGB Percent	16.9, 84.3, 70.6	`rgb(16.9%,84.3%,70.6%)`
CMYK	80, 0, 16, 16
HSL	167.8°, 68.3, 50.6	`hsl(167.8,68.3%,50.6%)`
HSV (or HSB)	167.8°, 80, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.523, -49.818, 5.393
XYZ	33.532, 52.406, 51.526
xyY	0.244, 0.381, 52.406
CIE-LCH	77.523, 50.109, 173.822
CIE-LUV	77.523, -60.63, 15.933
Hunter-Lab	72.392, -44.006, 8.475
Binary	00101011, 11010111, 10110100

#2bd7b4
```
#2bd7b4 rgb(43,215,180)
```
#d72b4e
```
#d72b4e rgb(215,43,78)
```

Complementary Color

#2bd75e
```
#2bd75e rgb(43,215,94)
```
#2bd7b4
```
#2bd7b4 rgb(43,215,180)
```
#2ba4d7
```
#2ba4d7 rgb(43,164,215)
```

Analogous Color

#d75e2b
```
#d75e2b rgb(215,94,43)
```
#2bd7b4
```
#2bd7b4 rgb(43,215,180)
```
#d72ba4
```
#d72ba4 rgb(215,43,164)
```

Split Complementary Color

#d7b42b
```
#d7b42b rgb(215,180,43)
```
#2bd7b4
```
#2bd7b4 rgb(43,215,180)
```
#b42bd7
```
#b42bd7 rgb(180,43,215)
```

Triadic Color

#4ed72b
```
#4ed72b rgb(78,215,43)
```
#2bd7b4
```
#2bd7b4 rgb(43,215,180)
```
#b42bd7
```
#b42bd7 rgb(180,43,215)
```
#d72b4e
```
#d72b4e rgb(215,43,78)
```

Tetradic Color

#1d997f
```
#1d997f rgb(29,153,127)
```
#21ae91
```
#21ae91 rgb(33,174,145)
```
#25c4a3
```
#25c4a3 rgb(37,196,163)
```
#2bd7b4
```
#2bd7b4 rgb(43,215,180)
```
#40dbbc
```
#40dbbc rgb(64,219,188)
```
#56dfc3
```
#56dfc3 rgb(86,223,195)
```
#6be3cb
```
#6be3cb rgb(107,227,203)
```

Monochromatic Color

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

#2bd789
```
#2bd789 rgb(43,215,137)
```
#2bd797
```
#2bd797 rgb(43,215,151)
```
#2bd7a6
```
#2bd7a6 rgb(43,215,166)
```
#2bd7b4
```
#2bd7b4 rgb(43,215,180)
```
#2bd7c2
```
#2bd7c2 rgb(43,215,194)
```
#2bd7d1
```
#2bd7d1 rgb(43,215,209)
```
#2bcfd7
```
#2bcfd7 rgb(43,207,215)
```

Similar Colors

Text with hexadecimal color #2bd7b4

This text has a font color of #2bd7b4.

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

#2bd7b4 background color

This paragraph has a background color of #2bd7b4.

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

#2bd7b4 border color

This element has a border color of #2bd7b4.

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

CSS codes

.text {color:#2bd7b4;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#041310
```
#041310 rgb(4,19,16)
```
#07241e
```
#07241e rgb(7,36,30)
```
#0a342b
```
#0a342b rgb(10,52,43)
```
#0d4539
```
#0d4539 rgb(13,69,57)
```
#105547
```
#105547 rgb(16,85,71)
```
#136655
```
#136655 rgb(19,102,85)
```
#167663
```
#167663 rgb(22,118,99)
```
#198770
```
#198770 rgb(25,135,112)
```
#1c977e
```
#1c977e rgb(28,151,126)
```
#20a88c
```
#20a88c rgb(32,168,140)
```
#23b89a
```
#23b89a rgb(35,184,154)
```
#26c9a7
```
#26c9a7 rgb(38,201,167)
```

Shade Color Variation

#2bd7b4
```
#2bd7b4 rgb(43,215,180)
```
#3cdaba
```
#3cdaba rgb(60,218,186)
```
#4cddc0
```
#4cddc0 rgb(76,221,192)
```
#5de0c6
```
#5de0c6 rgb(93,224,198)
```
#6de3cb
```
#6de3cb rgb(109,227,203)
```
#7ee7d1
```
#7ee7d1 rgb(126,231,209)
```
#8eead7
```
#8eead7 rgb(142,234,215)
```
#9feddd
```
#9feddd rgb(159,237,221)
```
#aff0e3
```
#aff0e3 rgb(175,240,227)
```
#c0f3e9
```
#c0f3e9 rgb(192,243,233)
```
#d0f6ee
```
#d0f6ee rgb(208,246,238)
```
#e1f9f4
```
#e1f9f4 rgb(225,249,244)
```
#f1fcfa
```
#f1fcfa rgb(241,252,250)
```

Tint Color Variation

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

#798986
```
#798986 rgb(121,137,134)
```
#6f938c
```
#6f938c rgb(111,147,140)
```
#659d92
```
#659d92 rgb(101,157,146)
```
#5ba797
```
#5ba797 rgb(91,167,151)
```
#52b09d
```
#52b09d rgb(82,176,157)
```
#48baa3
```
#48baa3 rgb(72,186,163)
```
#3ec4a9
```
#3ec4a9 rgb(62,196,169)
```
#35cdae
```
#35cdae rgb(53,205,174)
```
#2bd7b4
```
#2bd7b4 rgb(43,215,180)
```
#21e1ba
```
#21e1ba rgb(33,225,186)
```
#18eabf
```
#18eabf rgb(24,234,191)
```
#0ef4c5
```
#0ef4c5 rgb(14,244,197)
```
#04fecb
```
#04fecb rgb(4,254,203)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#89aba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc2ac Protanopia 1% of men
#d5bdc1 Deuteranopia 1% of men
#57d2e2 Tritanopia 0.001% of the population

Trichromacy

#91c9af Protanomaly 1% of men, 0.01% of women
#97c6bc Deuteranomaly 6% of men, 0.4% of women
#47d4d1 Tritanomaly 0.01% of the population