#2e7a50 hex color

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

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

● #2e7a50 color description : Dark moderate cyan - lime green.

The hexadecimal color #2e7a50 has RGB values of R:46, G:122, B:80 and CMYK values of C:0.62, M:0, Y:0.34, K:0.52. Its decimal value is 3045968.

Hex triplet	2e7a50	`#2e7a50`
RGB Decimal	46, 122, 80	`rgb(46,122,80)`
RGB Percent	18, 47.8, 31.4	`rgb(18%,47.8%,31.4%)`
CMYK	62, 0, 34, 52
HSL	146.8°, 45.2, 32.9	`hsl(146.8,45.2%,32.9%)`
HSV (or HSB)	146.8°, 62.3, 47.8
Web Safe	336666	`#336666`

CIE-LAB	45.741, -33.812, 16.224
XYZ	9.534, 15.078, 9.997
xyY	0.275, 0.436, 15.078
CIE-LCH	45.741, 37.503, 154.367
CIE-LUV	45.741, -32.298, 25.218
Hunter-Lab	38.831, -24.129, 11.917
Binary	00101110, 01111010, 01010000

#2e7a50
```
#2e7a50 rgb(46,122,80)
```
#7a2e58
```
#7a2e58 rgb(122,46,88)
```

Complementary Color

#327a2e
```
#327a2e rgb(50,122,46)
```
#2e7a50
```
#2e7a50 rgb(46,122,80)
```
#2e7a76
```
#2e7a76 rgb(46,122,118)
```

Analogous Color

#7a2e32
```
#7a2e32 rgb(122,46,50)
```
#2e7a50
```
#2e7a50 rgb(46,122,80)
```
#762e7a
```
#762e7a rgb(118,46,122)
```

Split Complementary Color

#7a502e
```
#7a502e rgb(122,80,46)
```
#2e7a50
```
#2e7a50 rgb(46,122,80)
```
#502e7a
```
#502e7a rgb(80,46,122)
```

Triadic Color

#587a2e
```
#587a2e rgb(88,122,46)
```
#2e7a50
```
#2e7a50 rgb(46,122,80)
```
#502e7a
```
#502e7a rgb(80,46,122)
```
#7a2e58
```
#7a2e58 rgb(122,46,88)
```

Tetradic Color

#19422c
```
#19422c rgb(25,66,44)
```
#205538
```
#205538 rgb(32,85,56)
```
#276744
```
#276744 rgb(39,103,68)
```
#2e7a50
```
#2e7a50 rgb(46,122,80)
```
#358d5c
```
#358d5c rgb(53,141,92)
```
#3c9f68
```
#3c9f68 rgb(60,159,104)
```
#43b274
```
#43b274 rgb(67,178,116)
```

Monochromatic Color

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

#2e7a3d
```
#2e7a3d rgb(46,122,61)
```
#2e7a43
```
#2e7a43 rgb(46,122,67)
```
#2e7a4a
```
#2e7a4a rgb(46,122,74)
```
#2e7a50
```
#2e7a50 rgb(46,122,80)
```
#2e7a56
```
#2e7a56 rgb(46,122,86)
```
#2e7a5d
```
#2e7a5d rgb(46,122,93)
```
#2e7a63
```
#2e7a63 rgb(46,122,99)
```

Similar Colors

Text with hexadecimal color #2e7a50

This text has a font color of #2e7a50.

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

#2e7a50 background color

This paragraph has a background color of #2e7a50.

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

#2e7a50 border color

This element has a border color of #2e7a50.

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

CSS codes

.text {color:#2e7a50;}

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

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

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

#030805
```
#030805 rgb(3,8,5)
```
#08160f
```
#08160f rgb(8,22,15)
```
#0e2518
```
#0e2518 rgb(14,37,24)
```
#133321
```
#133321 rgb(19,51,33)
```
#19412b
```
#19412b rgb(25,65,43)
```
#1e4f34
```
#1e4f34 rgb(30,79,52)
```
#235e3d
```
#235e3d rgb(35,94,61)
```
#296c47
```
#296c47 rgb(41,108,71)
```
#2e7a50
```
#2e7a50 rgb(46,122,80)
```
#338859
```
#338859 rgb(51,136,89)
```
#399663
```
#399663 rgb(57,150,99)
```
#3ea56c
```
#3ea56c rgb(62,165,108)
```
#43b375
```
#43b375 rgb(67,179,117)
```

Shade Color Variation

#4ebc7f
```
#4ebc7f rgb(78,188,127)
```
#5cc28a
```
#5cc28a rgb(92,194,138)
```
#6ac794
```
#6ac794 rgb(106,199,148)
```
#79cc9e
```
#79cc9e rgb(121,204,158)
```
#87d2a8
```
#87d2a8 rgb(135,210,168)
```
#95d7b3
```
#95d7b3 rgb(149,215,179)
```
#a3dcbd
```
#a3dcbd rgb(163,220,189)
```
#b2e2c7
```
#b2e2c7 rgb(178,226,199)
```
#c0e7d1
```
#c0e7d1 rgb(192,231,209)
```
#ceeddc
```
#ceeddc rgb(206,237,220)
```
#dcf2e6
```
#dcf2e6 rgb(220,242,230)
```
#ebf7f0
```
#ebf7f0 rgb(235,247,240)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#4e5a53
```
#4e5a53 rgb(78,90,83)
```
#486053
```
#486053 rgb(72,96,83)
```
#416752
```
#416752 rgb(65,103,82)
```
#3b6d51
```
#3b6d51 rgb(59,109,81)
```
#347451
```
#347451 rgb(52,116,81)
```
#2e7a50
```
#2e7a50 rgb(46,122,80)
```
#28804f
```
#28804f rgb(40,128,79)
```
#21874f
```
#21874f rgb(33,135,79)
```
#1b8d4e
```
#1b8d4e rgb(27,141,78)
```
#14944d
```
#14944d rgb(20,148,77)
```
#0e9a4d
```
#0e9a4d rgb(14,154,77)
```
#07a14c
```
#07a14c rgb(7,161,76)
```
#01a74b
```
#01a74b rgb(1,167,75)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#54645b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7353 Protanopia 1% of men
#866f5e Deuteranopia 1% of men
#487b84 Tritanopia 0.001% of the population

Trichromacy

#607652 Protanomaly 1% of men, 0.01% of women
#667359 Deuteranomaly 6% of men, 0.4% of women
#3f7a71 Tritanomaly 0.01% of the population

#2e7a50 hex color

#2e7a50 Color Information

#2e7a50 Color Conversion

Color Schemes with #2e7a50

Alternatives to #2e7a50

#2e7a50 Preview

Shades and Tints of #2e7a50

Tones of #2e7a50

Color Blindness Simulator