#2e7257 hex color

In a RGB color space, hex #2e7257 is composed of 18% red, 44.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 0% magenta, 23.7% yellow and 55.3% black. It has a hue angle of 156.2 degrees, a saturation of 42.5% and a lightness of 31.4%. #2e7257 color hex could be obtained by blending #5ce4ae with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 45
- B 34
RGB color chart
- C 60
- M 0
- Y 24
- K 55
CMYK color chart

● #2e7257 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2e7257 has RGB values of R:46, G:114, B:87 and CMYK values of C:0.6, M:0, Y:0.24, K:0.55. Its decimal value is 3043927.

Hex triplet	2e7257	`#2e7257`
RGB Decimal	46, 114, 87	`rgb(46,114,87)`
RGB Percent	18, 44.7, 34.1	`rgb(18%,44.7%,34.1%)`
CMYK	60, 0, 24, 55
HSL	156.2°, 42.5, 31.4	`hsl(156.2,42.5%,31.4%)`
HSV (or HSB)	156.2°, 59.6, 44.7
Web Safe	336666	`#336666`

CIE-LAB	43.216, -28.502, 8.62
XYZ	8.864, 13.303, 11.117
xyY	0.266, 0.4, 13.303
CIE-LCH	43.216, 29.777, 163.173
CIE-LUV	43.216, -28.757, 15.11
Hunter-Lab	36.473, -20.449, 7.46
Binary	00101110, 01110010, 01010111

#2e7257
```
#2e7257 rgb(46,114,87)
```
#722e49
```
#722e49 rgb(114,46,73)
```

Complementary Color

#2e7235
```
#2e7235 rgb(46,114,53)
```
#2e7257
```
#2e7257 rgb(46,114,87)
```
#2e6b72
```
#2e6b72 rgb(46,107,114)
```

Analogous Color

#72352e
```
#72352e rgb(114,53,46)
```
#2e7257
```
#2e7257 rgb(46,114,87)
```
#722e6b
```
#722e6b rgb(114,46,107)
```

Split Complementary Color

#72572e
```
#72572e rgb(114,87,46)
```
#2e7257
```
#2e7257 rgb(46,114,87)
```
#572e72
```
#572e72 rgb(87,46,114)
```

Triadic Color

#49722e
```
#49722e rgb(73,114,46)
```
#2e7257
```
#2e7257 rgb(46,114,87)
```
#572e72
```
#572e72 rgb(87,46,114)
```
#722e49
```
#722e49 rgb(114,46,73)
```

Tetradic Color

#183b2d
```
#183b2d rgb(24,59,45)
```
#1f4e3b
```
#1f4e3b rgb(31,78,59)
```
#276049
```
#276049 rgb(39,96,73)
```
#2e7257
```
#2e7257 rgb(46,114,87)
```
#358465
```
#358465 rgb(53,132,101)
```
#3d9673
```
#3d9673 rgb(61,150,115)
```
#44a981
```
#44a981 rgb(68,169,129)
```

Monochromatic Color

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

#2e7246
```
#2e7246 rgb(46,114,70)
```
#2e724c
```
#2e724c rgb(46,114,76)
```
#2e7251
```
#2e7251 rgb(46,114,81)
```
#2e7257
```
#2e7257 rgb(46,114,87)
```
#2e725d
```
#2e725d rgb(46,114,93)
```
#2e7262
```
#2e7262 rgb(46,114,98)
```
#2e7268
```
#2e7268 rgb(46,114,104)
```

Similar Colors

Text with hexadecimal color #2e7257

This text has a font color of #2e7257.

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

#2e7257 background color

This paragraph has a background color of #2e7257.

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

#2e7257 border color

This element has a border color of #2e7257.

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

CSS codes

.text {color:#2e7257;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#07100c
```
#07100c rgb(7,16,12)
```
#0c1e17
```
#0c1e17 rgb(12,30,23)
```
#122c22
```
#122c22 rgb(18,44,34)
```
#173a2c
```
#173a2c rgb(23,58,44)
```
#1d4837
```
#1d4837 rgb(29,72,55)
```
#235642
```
#235642 rgb(35,86,66)
```
#28644c
```
#28644c rgb(40,100,76)
```
#2e7257
```
#2e7257 rgb(46,114,87)
```
#348062
```
#348062 rgb(52,128,98)
```
#398e6c
```
#398e6c rgb(57,142,108)
```
#3f9c77
```
#3f9c77 rgb(63,156,119)
```
#45aa82
```
#45aa82 rgb(69,170,130)
```

Shade Color Variation

#4cb78c
```
#4cb78c rgb(76,183,140)
```
#59bc95
```
#59bc95 rgb(89,188,149)
```
#67c29e
```
#67c29e rgb(103,194,158)
```
#75c7a7
```
#75c7a7 rgb(117,199,167)
```
#83cdb0
```
#83cdb0 rgb(131,205,176)
```
#91d3b9
```
#91d3b9 rgb(145,211,185)
```
#9fd8c2
```
#9fd8c2 rgb(159,216,194)
```
#addecb
```
#addecb rgb(173,222,203)
```
#bbe4d4
```
#bbe4d4 rgb(187,228,212)
```
#c9e9dd
```
#c9e9dd rgb(201,233,221)
```
#d7efe6
```
#d7efe6 rgb(215,239,230)
```
#e5f5ef
```
#e5f5ef rgb(229,245,239)
```
#f3faf7
```
#f3faf7 rgb(243,250,247)
```

Tint Color Variation

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

#4d5351
```
#4d5351 rgb(77,83,81)
```
#475952
```
#475952 rgb(71,89,82)
```
#406053
```
#406053 rgb(64,96,83)
```
#3a6654
```
#3a6654 rgb(58,102,84)
```
#346c56
```
#346c56 rgb(52,108,86)
```
#2e7257
```
#2e7257 rgb(46,114,87)
```
#287858
```
#287858 rgb(40,120,88)
```
#227e5a
```
#227e5a rgb(34,126,90)
```
#1c845b
```
#1c845b rgb(28,132,91)
```
#158b5c
```
#158b5c rgb(21,139,92)
```
#0f915d
```
#0f915d rgb(15,145,93)
```
#09975f
```
#09975f rgb(9,151,95)
```
#039d60
```
#039d60 rgb(3,157,96)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#52605a Atypical Achromatopsia 0.001% of the population

Dichromacy

#746d5a Protanopia 1% of men
#7b6a64 Deuteranopia 1% of men
#44757d Tritanopia 0.001% of the population

Trichromacy

#5a6f59 Protanomaly 1% of men, 0.01% of women
#5f6d5f Deuteranomaly 6% of men, 0.4% of women
#3c746f Tritanomaly 0.01% of the population

#2e7257 hex color

#2e7257 Color Information

#2e7257 Color Conversion

Color Schemes with #2e7257

Alternatives to #2e7257

#2e7257 Preview

Shades and Tints of #2e7257

Tones of #2e7257

Color Blindness Simulator