#2b7371 hex color

In a RGB color space, hex #2b7371 is composed of 16.9% red, 45.1% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 0% magenta, 1.7% yellow and 54.9% black. It has a hue angle of 178.3 degrees, a saturation of 45.6% and a lightness of 31%. #2b7371 color hex could be obtained by blending #56e6e2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 45
- B 44
RGB color chart
- C 63
- M 0
- Y 2
- K 55
CMYK color chart

● #2b7371 color description : Dark moderate cyan.

The hexadecimal color #2b7371 has RGB values of R:43, G:115, B:113 and CMYK values of C:0.63, M:0, Y:0.02, K:0.55. Its decimal value is 2847601.

Hex triplet	2b7371	`#2b7371`
RGB Decimal	43, 115, 113	`rgb(43,115,113)`
RGB Percent	16.9, 45.1, 44.3	`rgb(16.9%,45.1%,44.3%)`
CMYK	63, 0, 2, 55
HSL	178.3°, 45.6, 31	`hsl(178.3,45.6%,31%)`
HSV (or HSB)	178.3°, 62.6, 45.1
Web Safe	336666	`#336666`

CIE-LAB	44.185, -22.538, -5.56
XYZ	10.107, 13.966, 17.785
xyY	0.241, 0.334, 13.966
CIE-LCH	44.185, 23.214, 193.859
CIE-LUV	44.185, -28.567, -4.5
Hunter-Lab	37.372, -17.127, -2.056
Binary	00101011, 01110011, 01110001

#2b7371
```
#2b7371 rgb(43,115,113)
```
#732b2d
```
#732b2d rgb(115,43,45)
```

Complementary Color

#2b734d
```
#2b734d rgb(43,115,77)
```
#2b7371
```
#2b7371 rgb(43,115,113)
```
#2b5173
```
#2b5173 rgb(43,81,115)
```

Analogous Color

#734d2b
```
#734d2b rgb(115,77,43)
```
#2b7371
```
#2b7371 rgb(43,115,113)
```
#732b51
```
#732b51 rgb(115,43,81)
```

Split Complementary Color

#73712b
```
#73712b rgb(115,113,43)
```
#2b7371
```
#2b7371 rgb(43,115,113)
```
#712b73
```
#712b73 rgb(113,43,115)
```

Triadic Color

#2d732b
```
#2d732b rgb(45,115,43)
```
#2b7371
```
#2b7371 rgb(43,115,113)
```
#712b73
```
#712b73 rgb(113,43,115)
```
#732b2d
```
#732b2d rgb(115,43,45)
```

Tetradic Color

#163b3a
```
#163b3a rgb(22,59,58)
```
#1d4e4d
```
#1d4e4d rgb(29,78,77)
```
#24605f
```
#24605f rgb(36,96,95)
```
#2b7371
```
#2b7371 rgb(43,115,113)
```
#328683
```
#328683 rgb(50,134,131)
```
#399895
```
#399895 rgb(57,152,149)
```
#40aba8
```
#40aba8 rgb(64,171,168)
```

Monochromatic Color

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

#2b735f
```
#2b735f rgb(43,115,95)
```
#2b7365
```
#2b7365 rgb(43,115,101)
```
#2b736b
```
#2b736b rgb(43,115,107)
```
#2b7371
```
#2b7371 rgb(43,115,113)
```
#2b6f73
```
#2b6f73 rgb(43,111,115)
```
#2b6973
```
#2b6973 rgb(43,105,115)
```
#2b6373
```
#2b6373 rgb(43,99,115)
```

Similar Colors

Text with hexadecimal color #2b7371

This text has a font color of #2b7371.

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

#2b7371 background color

This paragraph has a background color of #2b7371.

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

#2b7371 border color

This element has a border color of #2b7371.

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

CSS codes

.text {color:#2b7371;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f0f
```
#060f0f rgb(6,15,15)
```
#0b1d1d
```
#0b1d1d rgb(11,29,29)
```
#102c2b
```
#102c2b rgb(16,44,43)
```
#163a39
```
#163a39 rgb(22,58,57)
```
#1b4847
```
#1b4847 rgb(27,72,71)
```
#205655
```
#205655 rgb(32,86,85)
```
#266563
```
#266563 rgb(38,101,99)
```
#2b7371
```
#2b7371 rgb(43,115,113)
```
#30817f
```
#30817f rgb(48,129,127)
```
#36908d
```
#36908d rgb(54,144,141)
```
#3b9e9b
```
#3b9e9b rgb(59,158,155)
```
#40aca9
```
#40aca9 rgb(64,172,169)
```

Shade Color Variation

#46bab7
```
#46bab7 rgb(70,186,183)
```
#54bfbc
```
#54bfbc rgb(84,191,188)
```
#63c5c2
```
#63c5c2 rgb(99,197,194)
```
#71cac7
```
#71cac7 rgb(113,202,199)
```
#7fcfcd
```
#7fcfcd rgb(127,207,205)
```
#8ed5d3
```
#8ed5d3 rgb(142,213,211)
```
#9cdad8
```
#9cdad8 rgb(156,218,216)
```
#aadfde
```
#aadfde rgb(170,223,222)
```
#b8e5e3
```
#b8e5e3 rgb(184,229,227)
```
#c7eae9
```
#c7eae9 rgb(199,234,233)
```
#d5efef
```
#d5efef rgb(213,239,239)
```
#e3f5f4
```
#e3f5f4 rgb(227,245,244)
```
#f2fafa
```
#f2fafa rgb(242,250,250)
```

Tint Color Variation

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

#495554
```
#495554 rgb(73,85,84)
```
#435b5a
```
#435b5a rgb(67,91,90)
```
#3d6160
```
#3d6160 rgb(61,97,96)
```
#376766
```
#376766 rgb(55,103,102)
```
#316d6b
```
#316d6b rgb(49,109,107)
```
#2b7371
```
#2b7371 rgb(43,115,113)
```
#257977
```
#257977 rgb(37,121,119)
```
#1f7f7c
```
#1f7f7c rgb(31,127,124)
```
#198582
```
#198582 rgb(25,133,130)
```
#138b88
```
#138b88 rgb(19,139,136)
```
#0d918e
```
#0d918e rgb(13,145,142)
```
#079793
```
#079793 rgb(7,151,147)
```
#009e99
```
#009e99 rgb(0,158,153)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#536161 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716f72 Protanopia 1% of men
#746d7d Deuteranopia 1% of men
#3a7881 Tritanopia 0.001% of the population

Trichromacy

#577071 Protanomaly 1% of men, 0.01% of women
#596f78 Deuteranomaly 6% of men, 0.4% of women
#35767b Tritanomaly 0.01% of the population

#2b7371 hex color

#2b7371 Color Information

#2b7371 Color Conversion

Color Schemes with #2b7371

Alternatives to #2b7371

#2b7371 Preview

Shades and Tints of #2b7371

Tones of #2b7371

Color Blindness Simulator