#2e7c77 hex color

In a RGB color space, hex #2e7c77 is composed of 18% red, 48.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 0% magenta, 4% yellow and 51.4% black. It has a hue angle of 176.2 degrees, a saturation of 45.9% and a lightness of 33.3%. #2e7c77 color hex could be obtained by blending #5cf8ee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 49
- B 47
RGB color chart
- C 63
- M 0
- Y 4
- K 51
CMYK color chart

● #2e7c77 color description : Dark moderate cyan.

The hexadecimal color #2e7c77 has RGB values of R:46, G:124, B:119 and CMYK values of C:0.63, M:0, Y:0.04, K:0.51. Its decimal value is 3046519.

Hex triplet	2e7c77	`#2e7c77`
RGB Decimal	46, 124, 119	`rgb(46,124,119)`
RGB Percent	18, 48.6, 46.7	`rgb(18%,48.6%,46.7%)`
CMYK	63, 0, 4, 51
HSL	176.2°, 45.9, 33.3	`hsl(176.2,45.9%,33.3%)`
HSV (or HSB)	176.2°, 62.9, 48.6
Web Safe	336666	`#336666`

CIE-LAB	47.401, -24.816, -4.356
XYZ	11.663, 16.327, 19.989
xyY	0.243, 0.34, 16.327
CIE-LCH	47.401, 25.195, 189.956
CIE-LUV	47.401, -31.091, -2.533
Hunter-Lab	40.407, -19.189, -1.045
Binary	00101110, 01111100, 01110111

#2e7c77
```
#2e7c77 rgb(46,124,119)
```
#7c2e33
```
#7c2e33 rgb(124,46,51)
```

Complementary Color

#2e7c50
```
#2e7c50 rgb(46,124,80)
```
#2e7c77
```
#2e7c77 rgb(46,124,119)
```
#2e5a7c
```
#2e5a7c rgb(46,90,124)
```

Analogous Color

#7c502e
```
#7c502e rgb(124,80,46)
```
#2e7c77
```
#2e7c77 rgb(46,124,119)
```
#7c2e5a
```
#7c2e5a rgb(124,46,90)
```

Split Complementary Color

#7c772e
```
#7c772e rgb(124,119,46)
```
#2e7c77
```
#2e7c77 rgb(46,124,119)
```
#772e7c
```
#772e7c rgb(119,46,124)
```

Triadic Color

#337c2e
```
#337c2e rgb(51,124,46)
```
#2e7c77
```
#2e7c77 rgb(46,124,119)
```
#772e7c
```
#772e7c rgb(119,46,124)
```
#7c2e33
```
#7c2e33 rgb(124,46,51)
```

Tetradic Color

#194441
```
#194441 rgb(25,68,65)
```
#205753
```
#205753 rgb(32,87,83)
```
#276965
```
#276965 rgb(39,105,101)
```
#2e7c77
```
#2e7c77 rgb(46,124,119)
```
#358f89
```
#358f89 rgb(53,143,137)
```
#3ca19b
```
#3ca19b rgb(60,161,155)
```
#43b4ad
```
#43b4ad rgb(67,180,173)
```

Monochromatic Color

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

#2e7c64
```
#2e7c64 rgb(46,124,100)
```
#2e7c6a
```
#2e7c6a rgb(46,124,106)
```
#2e7c71
```
#2e7c71 rgb(46,124,113)
```
#2e7c77
```
#2e7c77 rgb(46,124,119)
```
#2e7b7c
```
#2e7b7c rgb(46,123,124)
```
#2e747c
```
#2e747c rgb(46,116,124)
```
#2e6e7c
```
#2e6e7c rgb(46,110,124)
```

Similar Colors

Text with hexadecimal color #2e7c77

This text has a font color of #2e7c77.

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

#2e7c77 background color

This paragraph has a background color of #2e7c77.

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

#2e7c77 border color

This element has a border color of #2e7c77.

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

CSS codes

.text {color:#2e7c77;}

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

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

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

#040a09
```
#040a09 rgb(4,10,9)
```
#091817
```
#091817 rgb(9,24,23)
```
#0e2625
```
#0e2625 rgb(14,38,37)
```
#133432
```
#133432 rgb(19,52,50)
```
#194340
```
#194340 rgb(25,67,64)
```
#1e514e
```
#1e514e rgb(30,81,78)
```
#235f5c
```
#235f5c rgb(35,95,92)
```
#296e69
```
#296e69 rgb(41,110,105)
```
#2e7c77
```
#2e7c77 rgb(46,124,119)
```
#338a85
```
#338a85 rgb(51,138,133)
```
#399992
```
#399992 rgb(57,153,146)
```
#3ea7a0
```
#3ea7a0 rgb(62,167,160)
```
#43b5ae
```
#43b5ae rgb(67,181,174)
```

Shade Color Variation

#4fbeb6
```
#4fbeb6 rgb(79,190,182)
```
#5dc3bc
```
#5dc3bc rgb(93,195,188)
```
#6bc8c2
```
#6bc8c2 rgb(107,200,194)
```
#79cdc8
```
#79cdc8 rgb(121,205,200)
```
#88d3ce
```
#88d3ce rgb(136,211,206)
```
#96d8d4
```
#96d8d4 rgb(150,216,212)
```
#a4ddda
```
#a4ddda rgb(164,221,218)
```
#b3e3e0
```
#b3e3e0 rgb(179,227,224)
```
#c1e8e6
```
#c1e8e6 rgb(193,232,230)
```
#cfedeb
```
#cfedeb rgb(207,237,235)
```
#def3f1
```
#def3f1 rgb(222,243,241)
```
#ecf8f7
```
#ecf8f7 rgb(236,248,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5b5a is the less saturated color, while #00aa9f is the most saturated one.

#4f5b5a
```
#4f5b5a rgb(79,91,90)
```
#486260
```
#486260 rgb(72,98,96)
```
#426866
```
#426866 rgb(66,104,102)
```
#3b6f6c
```
#3b6f6c rgb(59,111,108)
```
#357571
```
#357571 rgb(53,117,113)
```
#2e7c77
```
#2e7c77 rgb(46,124,119)
```
#27837d
```
#27837d rgb(39,131,125)
```
#218982
```
#218982 rgb(33,137,130)
```
#1a9088
```
#1a9088 rgb(26,144,136)
```
#14968e
```
#14968e rgb(20,150,142)
```
#0d9d94
```
#0d9d94 rgb(13,157,148)
```
#07a399
```
#07a399 rgb(7,163,153)
```
#00aa9f
```
#00aa9f rgb(0,170,159)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#596968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797777 Protanopia 1% of men
#7d7483 Deuteranopia 1% of men
#3f808a Tritanopia 0.001% of the population

Trichromacy

#5e7877 Protanomaly 1% of men, 0.01% of women
#60777e Deuteranomaly 6% of men, 0.4% of women
#397f83 Tritanomaly 0.01% of the population

#2e7c77 hex color

#2e7c77 Color Information

#2e7c77 Color Conversion

Color Schemes with #2e7c77

Alternatives to #2e7c77

#2e7c77 Preview

Shades and Tints of #2e7c77

Tones of #2e7c77

Color Blindness Simulator