#2e7a77 hex color

In a RGB color space, hex #2e7a77 is composed of 18% red, 47.8% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 0% magenta, 2.5% yellow and 52.2% black. It has a hue angle of 177.6 degrees, a saturation of 45.2% and a lightness of 32.9%. #2e7a77 color hex could be obtained by blending #5cf4ee with #000000. Closest websafe color is: #336666.

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

● #2e7a77 color description : Dark moderate cyan.

The hexadecimal color #2e7a77 has RGB values of R:46, G:122, B:119 and CMYK values of C:0.62, M:0, Y:0.02, K:0.52. Its decimal value is 3046007.

Hex triplet	2e7a77	`#2e7a77`
RGB Decimal	46, 122, 119	`rgb(46,122,119)`
RGB Percent	18, 47.8, 46.7	`rgb(18%,47.8%,46.7%)`
CMYK	62, 0, 2, 52
HSL	177.6°, 45.2, 32.9	`hsl(177.6,45.2%,32.9%)`
HSV (or HSB)	177.6°, 62.3, 47.8
Web Safe	336666	`#336666`

CIE-LAB	46.752, -23.793, -5.318
XYZ	11.415, 15.831, 19.906
xyY	0.242, 0.336, 15.831
CIE-LCH	46.752, 24.38, 192.599
CIE-LUV	46.752, -30.315, -4.035
Hunter-Lab	39.788, -18.418, -1.811
Binary	00101110, 01111010, 01110111

#2e7a77
```
#2e7a77 rgb(46,122,119)
```
#7a2e31
```
#7a2e31 rgb(122,46,49)
```

Complementary Color

#2e7a51
```
#2e7a51 rgb(46,122,81)
```
#2e7a77
```
#2e7a77 rgb(46,122,119)
```
#2e577a
```
#2e577a rgb(46,87,122)
```

Analogous Color

#7a512e
```
#7a512e rgb(122,81,46)
```
#2e7a77
```
#2e7a77 rgb(46,122,119)
```
#7a2e57
```
#7a2e57 rgb(122,46,87)
```

Split Complementary Color

#7a772e
```
#7a772e rgb(122,119,46)
```
#2e7a77
```
#2e7a77 rgb(46,122,119)
```
#772e7a
```
#772e7a rgb(119,46,122)
```

Triadic Color

#317a2e
```
#317a2e rgb(49,122,46)
```
#2e7a77
```
#2e7a77 rgb(46,122,119)
```
#772e7a
```
#772e7a rgb(119,46,122)
```
#7a2e31
```
#7a2e31 rgb(122,46,49)
```

Tetradic Color

#194241
```
#194241 rgb(25,66,65)
```
#205553
```
#205553 rgb(32,85,83)
```
#276765
```
#276765 rgb(39,103,101)
```
#2e7a77
```
#2e7a77 rgb(46,122,119)
```
#358d89
```
#358d89 rgb(53,141,137)
```
#3c9f9b
```
#3c9f9b rgb(60,159,155)
```
#43b2ad
```
#43b2ad rgb(67,178,173)
```

Monochromatic Color

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

#2e7a64
```
#2e7a64 rgb(46,122,100)
```
#2e7a6a
```
#2e7a6a rgb(46,122,106)
```
#2e7a71
```
#2e7a71 rgb(46,122,113)
```
#2e7a77
```
#2e7a77 rgb(46,122,119)
```
#2e777a
```
#2e777a rgb(46,119,122)
```
#2e707a
```
#2e707a rgb(46,112,122)
```
#2e6a7a
```
#2e6a7a rgb(46,106,122)
```

Similar Colors

Text with hexadecimal color #2e7a77

This text has a font color of #2e7a77.

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

#2e7a77 background color

This paragraph has a background color of #2e7a77.

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

#2e7a77 border color

This element has a border color of #2e7a77.

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

CSS codes

.text {color:#2e7a77;}

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

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

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

#030808
```
#030808 rgb(3,8,8)
```
#081616
```
#081616 rgb(8,22,22)
```
#0e2524
```
#0e2524 rgb(14,37,36)
```
#133332
```
#133332 rgb(19,51,50)
```
#19413f
```
#19413f rgb(25,65,63)
```
#1e4f4d
```
#1e4f4d rgb(30,79,77)
```
#235e5b
```
#235e5b rgb(35,94,91)
```
#296c69
```
#296c69 rgb(41,108,105)
```
#2e7a77
```
#2e7a77 rgb(46,122,119)
```
#338885
```
#338885 rgb(51,136,133)
```
#399693
```
#399693 rgb(57,150,147)
```
#3ea5a1
```
#3ea5a1 rgb(62,165,161)
```
#43b3af
```
#43b3af rgb(67,179,175)
```

Shade Color Variation

#4ebcb8
```
#4ebcb8 rgb(78,188,184)
```
#5cc2be
```
#5cc2be rgb(92,194,190)
```
#6ac7c3
```
#6ac7c3 rgb(106,199,195)
```
#79ccc9
```
#79ccc9 rgb(121,204,201)
```
#87d2cf
```
#87d2cf rgb(135,210,207)
```
#95d7d4
```
#95d7d4 rgb(149,215,212)
```
#a3dcda
```
#a3dcda rgb(163,220,218)
```
#b2e2e0
```
#b2e2e0 rgb(178,226,224)
```
#c0e7e6
```
#c0e7e6 rgb(192,231,230)
```
#ceedeb
```
#ceedeb rgb(206,237,235)
```
#dcf2f1
```
#dcf2f1 rgb(220,242,241)
```
#ebf7f7
```
#ebf7f7 rgb(235,247,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#4e5a59
```
#4e5a59 rgb(78,90,89)
```
#48605f
```
#48605f rgb(72,96,95)
```
#416765
```
#416765 rgb(65,103,101)
```
#3b6d6b
```
#3b6d6b rgb(59,109,107)
```
#347471
```
#347471 rgb(52,116,113)
```
#2e7a77
```
#2e7a77 rgb(46,122,119)
```
#28807d
```
#28807d rgb(40,128,125)
```
#218783
```
#218783 rgb(33,135,131)
```
#1b8d89
```
#1b8d89 rgb(27,141,137)
```
#14948f
```
#14948f rgb(20,148,143)
```
#0e9a95
```
#0e9a95 rgb(14,154,149)
```
#07a19b
```
#07a19b rgb(7,161,155)
```
#01a7a1
```
#01a7a1 rgb(1,167,161)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#586867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777577 Protanopia 1% of men
#7b7382 Deuteranopia 1% of men
#3e7f88 Tritanopia 0.001% of the population

Trichromacy

#5c7777 Protanomaly 1% of men, 0.01% of women
#5f757e Deuteranomaly 6% of men, 0.4% of women
#387d82 Tritanomaly 0.01% of the population

#2e7a77 hex color

#2e7a77 Color Information

#2e7a77 Color Conversion

Color Schemes with #2e7a77

Alternatives to #2e7a77

#2e7a77 Preview

Shades and Tints of #2e7a77

Tones of #2e7a77

Color Blindness Simulator