#2b7a77 hex color

In a RGB color space, hex #2b7a77 is composed of 16.9% red, 47.8% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 0% magenta, 2.5% yellow and 52.2% black. It has a hue angle of 177.7 degrees, a saturation of 47.9% and a lightness of 32.4%. #2b7a77 color hex could be obtained by blending #56f4ee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 48
- B 47
RGB color chart
- C 65
- M 0
- Y 2
- K 52
CMYK color chart

● #2b7a77 color description : Dark moderate cyan.

The hexadecimal color #2b7a77 has RGB values of R:43, G:122, B:119 and CMYK values of C:0.65, M:0, Y:0.02, K:0.52. Its decimal value is 2849399.

Hex triplet	2b7a77	`#2b7a77`
RGB Decimal	43, 122, 119	`rgb(43,122,119)`
RGB Percent	16.9, 47.8, 46.7	`rgb(16.9%,47.8%,46.7%)`
CMYK	65, 0, 2, 52
HSL	177.7°, 47.9, 32.4	`hsl(177.7,47.9%,32.4%)`
HSV (or HSB)	177.7°, 64.8, 47.8
Web Safe	336666	`#336666`

CIE-LAB	46.663, -24.353, -5.46
XYZ	11.285, 15.764, 19.9
xyY	0.24, 0.336, 15.764
CIE-LCH	46.663, 24.958, 192.636
CIE-LUV	46.663, -30.949, -4.167
Hunter-Lab	39.703, -18.748, -1.924
Binary	00101011, 01111010, 01110111

#2b7a77
```
#2b7a77 rgb(43,122,119)
```
#7a2b2e
```
#7a2b2e rgb(122,43,46)
```

Complementary Color

#2b7a50
```
#2b7a50 rgb(43,122,80)
```
#2b7a77
```
#2b7a77 rgb(43,122,119)
```
#2b557a
```
#2b557a rgb(43,85,122)
```

Analogous Color

#7a502b
```
#7a502b rgb(122,80,43)
```
#2b7a77
```
#2b7a77 rgb(43,122,119)
```
#7a2b55
```
#7a2b55 rgb(122,43,85)
```

Split Complementary Color

#7a772b
```
#7a772b rgb(122,119,43)
```
#2b7a77
```
#2b7a77 rgb(43,122,119)
```
#772b7a
```
#772b7a rgb(119,43,122)
```

Triadic Color

#2e7a2b
```
#2e7a2b rgb(46,122,43)
```
#2b7a77
```
#2b7a77 rgb(43,122,119)
```
#772b7a
```
#772b7a rgb(119,43,122)
```
#7a2b2e
```
#7a2b2e rgb(122,43,46)
```

Tetradic Color

#174140
```
#174140 rgb(23,65,64)
```
#1e5452
```
#1e5452 rgb(30,84,82)
```
#246765
```
#246765 rgb(36,103,101)
```
#2b7a77
```
#2b7a77 rgb(43,122,119)
```
#328d89
```
#328d89 rgb(50,141,137)
```
#38a09c
```
#38a09c rgb(56,160,156)
```
#3fb3ae
```
#3fb3ae rgb(63,179,174)
```

Monochromatic Color

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

#2b7a63
```
#2b7a63 rgb(43,122,99)
```
#2b7a6a
```
#2b7a6a rgb(43,122,106)
```
#2b7a70
```
#2b7a70 rgb(43,122,112)
```
#2b7a77
```
#2b7a77 rgb(43,122,119)
```
#2b767a
```
#2b767a rgb(43,118,122)
```
#2b707a
```
#2b707a rgb(43,112,122)
```
#2b697a
```
#2b697a rgb(43,105,122)
```

Similar Colors

Text with hexadecimal color #2b7a77

This text has a font color of #2b7a77.

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

#2b7a77 background color

This paragraph has a background color of #2b7a77.

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

#2b7a77 border color

This element has a border color of #2b7a77.

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

CSS codes

.text {color:#2b7a77;}

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

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

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

#020606
```
#020606 rgb(2,6,6)
```
#071414
```
#071414 rgb(7,20,20)
```
#0c2322
```
#0c2322 rgb(12,35,34)
```
#113130
```
#113130 rgb(17,49,48)
```
#17403e
```
#17403e rgb(23,64,62)
```
#1c4e4d
```
#1c4e4d rgb(28,78,77)
```
#215d5b
```
#215d5b rgb(33,93,91)
```
#266b69
```
#266b69 rgb(38,107,105)
```
#2b7a77
```
#2b7a77 rgb(43,122,119)
```
#308985
```
#308985 rgb(48,137,133)
```
#359793
```
#359793 rgb(53,151,147)
```
#3aa6a1
```
#3aa6a1 rgb(58,166,161)
```
#3fb4b0
```
#3fb4b0 rgb(63,180,176)
```

Shade Color Variation

#48bfba
```
#48bfba rgb(72,191,186)
```
#57c4c0
```
#57c4c0 rgb(87,196,192)
```
#65c9c5
```
#65c9c5 rgb(101,201,197)
```
#74cecb
```
#74cecb rgb(116,206,203)
```
#82d3d0
```
#82d3d0 rgb(130,211,208)
```
#91d8d6
```
#91d8d6 rgb(145,216,214)
```
#9fdddb
```
#9fdddb rgb(159,221,219)
```
#aee2e0
```
#aee2e0 rgb(174,226,224)
```
#bce8e6
```
#bce8e6 rgb(188,232,230)
```
#cbedeb
```
#cbedeb rgb(203,237,235)
```
#d9f2f1
```
#d9f2f1 rgb(217,242,241)
```
#e8f7f6
```
#e8f7f6 rgb(232,247,246)
```
#f6fcfc
```
#f6fcfc rgb(246,252,252)
```

Tint Color Variation

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

#515454
```
#515454 rgb(81,84,84)
```
#4b5a5a
```
#4b5a5a rgb(75,90,90)
```
#446160
```
#446160 rgb(68,97,96)
```
#3e6765
```
#3e6765 rgb(62,103,101)
```
#386d6b
```
#386d6b rgb(56,109,107)
```
#317471
```
#317471 rgb(49,116,113)
```
#2b7a77
```
#2b7a77 rgb(43,122,119)
```
#25807d
```
#25807d rgb(37,128,125)
```
#1e8783
```
#1e8783 rgb(30,135,131)
```
#188d89
```
#188d89 rgb(24,141,137)
```
#12938e
```
#12938e rgb(18,147,142)
```
#0b9a94
```
#0b9a94 rgb(11,154,148)
```
#05a09a
```
#05a09a rgb(5,160,154)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#576766 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777577 Protanopia 1% of men
#7a7383 Deuteranopia 1% of men
#3b7f88 Tritanopia 0.001% of the population

Trichromacy

#5b7777 Protanomaly 1% of men, 0.01% of women
#5d757e Deuteranomaly 6% of men, 0.4% of women
#357d82 Tritanomaly 0.01% of the population

#2b7a77 hex color

#2b7a77 Color Information

#2b7a77 Color Conversion

Color Schemes with #2b7a77

Alternatives to #2b7a77

#2b7a77 Preview

Shades and Tints of #2b7a77

Tones of #2b7a77

Color Blindness Simulator