colorhexa.com

#2e7440 hex color

In a RGB color space, hex #2e7440 is composed of 18% red, 45.5% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 0% magenta, 44.8% yellow and 54.5% black. It has a hue angle of 135.4 degrees, a saturation of 43.2% and a lightness of 31.8%. #2e7440 color hex could be obtained by blending #5ce880 with #000000. Closest websafe color is: #336633.

- R 18
- G 45
- B 25
RGB color chart
- C 60
- M 0
- Y 45
- K 55
CMYK color chart

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

The hexadecimal color #2e7440 has RGB values of R:46, G:116, B:64 and CMYK values of C:0.6, M:0, Y:0.45, K:0.55. Its decimal value is 3044416.

Hex triplet	2e7440	`#2e7440`
RGB Decimal	46, 116, 64	`rgb(46,116,64)`
RGB Percent	18, 45.5, 25.1	`rgb(18%,45.5%,25.1%)`
CMYK	60, 0, 45, 55
HSL	135.4°, 43.2, 31.8	`hsl(135.4,43.2%,31.8%)`
HSV (or HSB)	135.4°, 60.3, 45.5
Web Safe	336633	`#336633`

CIE-LAB	43.421, -34.321, 22.301
XYZ	8.297, 13.441, 7.007
xyY	0.289, 0.468, 13.441
CIE-LCH	43.421, 40.93, 146.986
CIE-LUV	43.421, -30.554, 31.322
Hunter-Lab	36.662, -23.762, 14.331
Binary	00101110, 01110100, 01000000

#2e7440
```
#2e7440 rgb(46,116,64)
```
#742e62
```
#742e62 rgb(116,46,98)
```

Complementary Color

#3f742e
```
#3f742e rgb(63,116,46)
```
#2e7440
```
#2e7440 rgb(46,116,64)
```
#2e7463
```
#2e7463 rgb(46,116,99)
```

Analogous Color

#742e3f
```
#742e3f rgb(116,46,63)
```
#2e7440
```
#2e7440 rgb(46,116,64)
```
#632e74
```
#632e74 rgb(99,46,116)
```

Split Complementary Color

#74402e
```
#74402e rgb(116,64,46)
```
#2e7440
```
#2e7440 rgb(46,116,64)
```
#402e74
```
#402e74 rgb(64,46,116)
```

Triadic Color

#183d22
```
#183d22 rgb(24,61,34)
```
#204f2c
```
#204f2c rgb(32,79,44)
```
#276236
```
#276236 rgb(39,98,54)
```
#2e7440
```
#2e7440 rgb(46,116,64)
```
#35864a
```
#35864a rgb(53,134,74)
```
#3c9954
```
#3c9954 rgb(60,153,84)
```
#44ab5e
```
#44ab5e rgb(68,171,94)
```

Monochromatic Color

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

#2e742f
```
#2e742f rgb(46,116,47)
```
#2e7434
```
#2e7434 rgb(46,116,52)
```
#2e743a
```
#2e743a rgb(46,116,58)
```
#2e7440
```
#2e7440 rgb(46,116,64)
```
#2e7446
```
#2e7446 rgb(46,116,70)
```
#2e744c
```
#2e744c rgb(46,116,76)
```
#2e7452
```
#2e7452 rgb(46,116,82)
```

Similar Colors

Text with hexadecimal color #2e7440

This text has a font color of #2e7440.

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

#2e7440 background color

This paragraph has a background color of #2e7440.

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

#2e7440 border color

This element has a border color of #2e7440.

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

CSS codes

.text {color:#2e7440;}

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

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

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

#010402
```
#010402 rgb(1,4,2)
```
#07120a
```
#07120a rgb(7,18,10)
```
#0d2012
```
#0d2012 rgb(13,32,18)
```
#122e19
```
#122e19 rgb(18,46,25)
```
#183c21
```
#183c21 rgb(24,60,33)
```
#1d4a29
```
#1d4a29 rgb(29,74,41)
```
#235831
```
#235831 rgb(35,88,49)
```
#286638
```
#286638 rgb(40,102,56)
```
#2e7440
```
#2e7440 rgb(46,116,64)
```
#348248
```
#348248 rgb(52,130,72)
```
#39904f
```
#39904f rgb(57,144,79)
```
#3f9e57
```
#3f9e57 rgb(63,158,87)
```
#44ac5f
```
#44ac5f rgb(68,172,95)
```

Shade Color Variation

#4cb868
```
#4cb868 rgb(76,184,104)
```
#5abe74
```
#5abe74 rgb(90,190,116)
```
#68c380
```
#68c380 rgb(104,195,128)
```
#76c98b
```
#76c98b rgb(118,201,139)
```
#84ce97
```
#84ce97 rgb(132,206,151)
```
#92d4a3
```
#92d4a3 rgb(146,212,163)
```
#a0d9af
```
#a0d9af rgb(160,217,175)
```
#aedfbb
```
#aedfbb rgb(174,223,187)
```
#bce5c7
```
#bce5c7 rgb(188,229,199)
```
#caead3
```
#caead3 rgb(202,234,211)
```
#d8f0de
```
#d8f0de rgb(216,240,222)
```
#e7f5ea
```
#e7f5ea rgb(231,245,234)
```
#f5fbf6
```
#f5fbf6 rgb(245,251,246)
```

Tint Color Variation

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

#4d554f
```
#4d554f rgb(77,85,79)
```
#475b4c
```
#475b4c rgb(71,91,76)
```
#416149
```
#416149 rgb(65,97,73)
```
#3a6846
```
#3a6846 rgb(58,104,70)
```
#346e43
```
#346e43 rgb(52,110,67)
```
#2e7440
```
#2e7440 rgb(46,116,64)
```
#287a3d
```
#287a3d rgb(40,122,61)
```
#22803a
```
#22803a rgb(34,128,58)
```
#1b8737
```
#1b8737 rgb(27,135,55)
```
#158d34
```
#158d34 rgb(21,141,52)
```
#0f9331
```
#0f9331 rgb(15,147,49)
```
#09992e
```
#09992e rgb(9,153,46)
```
#02a02b
```
#02a02b rgb(2,160,43)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#505e54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786e45 Protanopia 1% of men
#826a4f Deuteranopia 1% of men
#49757d Tritanopia 0.001% of the population

Trichromacy

#5d7043 Protanomaly 1% of men, 0.01% of women
#636d4a Deuteranomaly 6% of men, 0.4% of women
#3f7467 Tritanomaly 0.01% of the population